[Feature Request] Flow too many tabs to multiple lines #76
Comments
|
👍 This would help me a lot. |
|
This was fixed in atom/atom-light-ui#13 and atom/atom-dark-ui#35. Ref #67 In the next release, you should be able to scroll the tabs that are created off screen. |
|
That's better than now, but isn't that something different? This feature request asks for the tabs to be on multiple lines. I really like this behaviour in the Firefox extension TabMixPlus, and I think it would be really nice to have this in a code editor. The benefit is that you can instantly see all the open tabs and can scan them for a file name you're looking for. |
|
Stacked tabs are not something we are going to pursue. Instead, we're opting for a scrollable list of tabs. This functionality could definitely be done in a new package or in a new theme. |
|
@Yogu What theme are you using? You could also open // Make tabs multi-row
.tab-bar {
height: auto;
flex-wrap: wrap;
}
.tab-bar .tab {
flex-basis: auto;
}It should make your tabs wrap to multiple rows: It's not perfect. Like when dragging, the blue indicator isn't wrapping. And depending on the theme you're using, it might need some more fixes. |
|
@simurai Hmm seems to work fine except that my active tab is being crunched to its minimum size. Any idea to fix this? |
|
@TheBlackLion What's the theme you're using? And by "being crunched to its minimum size", is it about |
|
@simurai "Spacegray Eighties" from the spacegray-eighties-ui package and "Base16" (Eighties, Dark) fromt he base16-syntax package. Yes, only some characters. Normally it would expand the active tab, but with this modification it rather tries to expand all other than the active tab :) |
|
@TheBlackLion Ok, for "Spacegray Eighties" this should work: // Make tabs multi-row
.tab-bar {
height: auto;
flex-wrap: wrap;
.tab,
.tab.active {
flex-basis: auto;
}
} |
|
@simurai Thanks - works much better :). But when switching to the last tab of the first row, it suddenly flows into the next row because of the appearing close button. I'm now using flex-basis: 10em; as a workaround. This does not happen if I just hover over the tabs. Any idea? |
|
Hmm.. ya, there is some expanding on the active tab. But this should keep it at the same size: // Make tabs multi-row
.tab-bar {
height: auto;
flex-wrap: wrap;
.tab,
.tab.active {
flex: 1 0 auto;
height: 30px;
line-height: 27px;
}
.tab .title,
.tab.active .title {
padding-right: 5px;
position: relative;
top: 1px;
}
.tab .close-icon,
.tab.active .close-icon {
line-height: 29px;
}
} |
|
@simurai Now that seems to work perfectly - thank you very much, sir :) Now who is gonna put it into a package? :) |
|
+1 as a package. Completely "native" looking on the new One UI theme |
|
Very nice, thanks @simurai |
|
@simurai @fungilation - Here's that atom package you were asking for: https://atom.io/packages/multirow-tabs |
|
@kuychaco Awesome! Works in most themes. Some themes that don't work probably use a stronger selector. Just checked |
|
Nice, thanks @kuychaco. Made a request though on remembering multirow setting between Atom restarts? kuychaco/multirow-tabs#5 |
|
I'm not a fan of the way scrolling works. Geany implements this as what I'll call "panning" but it's still a sort of scrolling. Geany scrolls through the tabs, but doesn't switch tabs until you click one. This is a lot less disorienting, and usually one isn't interested in inspecting each tab along the way. Random access, not sequential! |
|
An alternative solution is just to keep your tab count low. With |
One thing I notice from Webstorm that's great is it flows tabs onto 2 (or more?) lines when there's too many. This is a common occurrence I'm sure with many programmers having many files open, and tabs so crowded you can't read the filenames on the tabs anymore.
PS. Issue originally filed at atom/atom#3260
The text was updated successfully, but these errors were encountered: