leo / material-ui

A modern UI for Atom
https://atom.io/themes/material-ui
MIT License
30 stars 6 forks source link

Mininum sidebar width #12

Closed Kikobeats closed 8 years ago

Kikobeats commented 8 years ago

I'm in love this theme. Congratulations!

I note that the minimum size of the sidebar is a little big:

lol

When I change the UI theme for another (for example, default Atom UI) the interface allows me resize the sidebar and it is more small. In this UI this is the more little possible width is this (and is big for me 😄 ).

Is it means that it depends of a less variable? how I can edit it?

Also as you can see I change the background color:

@level-3-color: #2c3036

Do you think that could be possible apply this change without edit raw files?

Kikobeats commented 8 years ago

oh right I found it! Instead of min-width I added a margin-left:

 .tree-view-resizer {
-  min-width: 280px;
+  margin-right: 30px;

I don't know if you are interested in create a PR of this, but for me, now, looks AWESOME

leo commented 8 years ago

Hehe, thank you! Means a lot to me to see people like my stuff :blush: It seems like you've found a proper solution for this. However, I generally recommend that you shouldn't change the files contained within the theme, because they will all be overwritten after an update.

Instead of that, you should click this button in the menu bar and edit your user stylesheet:

slice 1

Currently, I think the size is okay for most users. But if another user thinks it's too big, I will definitely revisit this! :blush:

Kikobeats commented 8 years ago

@leo thanks for the reply!

yes, I know, but in the case of the background actually it is a less variable that affect different css classes. I setup it but doesn't work :'(

leo commented 8 years ago

@Kikobeats So what exactly doesn't work? The less variable for the background? If yes, then a PR would be highly appreciated.

Kikobeats commented 8 years ago

yes, but do you want have a PR with this color?

leo commented 8 years ago

Why not 😊

Kikobeats commented 8 years ago

that's the attitude! 💪

I think that this little change depend of the theme used for syntax.

I'm using afterglow-monokay-syntax and as you can see in the preview, line counter background is colorized using the background color that I changed in your theme.

screen shot 2016-05-16 at 11 22 29