atom-material / atom-material-ui

A dynamic UI theme for Atom that follows Google's Material Design Guidelines
MIT License
817 stars 203 forks source link

Tool-bar separator not centered and too light #460

Open mrleblanc101 opened 6 years ago

mrleblanc101 commented 6 years ago

Hi, Toolbar separator are not center and are too dim using atom-material-ui (see screenshot). I had to add this to my stylesheet to have the expected behavior:

.amu-compact-tab-bar .tool-bar.tool-bar-16px.tool-bar-vertical .tool-bar-spacer, .amu-compact-tab-bar .tool-bar.tool-bar-24px.tool-bar-vertical .tool-bar-spacer, .amu-compact-tab-bar .tool-bar.tool-bar-32px.tool-bar-vertical .tool-bar-spacer { margin: 0 auto; border-color: rgba(131, 148, 150, 0.65); }

Reproduction Steps:

  1. Install atom material-ui
  2. Enable solarized-dark syntax
  3. Set tool-bar position to vertical

Expected behavior:

The tool-bar separator should be centered when using the vertical tool-bar position

Observed behavior:

The tool-bar separator are left aligned (margin: 0.5em 0 instead of 0.5em auto)

Screenshots and GIFs

31581172-4ac06f4a-b132-11e7-9829-5c9b32339ca6 31581171-3a9afe8c-b132-11e7-9dbd-3a44bd1cc66a

Atom version: 1.23 OS and version: macOS 10.13.3