atom-material / atom-material-ui

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

Feature request: Allow tabs to span full tab width #445

Closed robertrossmann closed 6 years ago

robertrossmann commented 6 years ago

I personally like having my tabs span the full width of the available tab bar instead of being grouped to the left. Atom One Dark theme allows such configuration with the "Tab Sizing: maximum" setting.

It would be awesome if this theme supported such configuration. Here is a relatively trivial stylesheet which configures the tabs to behave this way:

// Make the tabs span the whole tab bar width
.tab-bar {
  .tab {
    max-width: 100%;
    flex-grow: 2;
    text-align: center;
    // But move the Tree View's tab text to the left. Just a personal taste.
    &[data-type="TreeView"] {
      text-align: left;
    }
  }
}

And here's the obligatory screenshot after the change. It looks rather sexy, I'd say. 😍 tabs-full-width

Thanks for considering implementing this feature!