Tab Sort Order

[laktak]

I found the reversed tab order from TabCenter to be perfect.

Now that FF56 disabled TabCenter I came here looking for a replacement. Unfortunately I saw that you already closed #5 before I was aware of your extension.

Will you consider a PR for this feature?

[laktak]

OK, I found that you have a custom stylesheet option 👍

So far this appears to work really well and restores the "old" functionality:

#tablist {
    flex-direction: column-reverse;
    display: flex;
}

[eoger]

Nice! Feel free to add it on the wiki

[Keith94]

This trick works well for a small amount of tabs, but opening lots of tabs kinda breaks the sidebar (tabs height decreases and scrolling is impossible).

[laktak]

@Keith94 try:

#tablist {
    flex-direction: column-reverse;
    display: flex;
    flex: 0 0 auto;
}

[Keith94]

Yep, that fixed it.

[Keith94]

@laktak Would you happen to know if there's a way to hide the scroll bar?

[laktak]

I took a quick look but it appears that Mozilla obsoleted the css for that.

[laktak]

@eoger if you want this as as PR we still have to add support for pinned tabs (the are currently shown at the bottom).

Btw, could you include a direct link to the css wiki below the css options box (for easier copy & pasting)?

[cmmartti]

This will keep the pinned tabs at the top:

#tablist {
  flex-direction: column-reverse;
  display: flex;
  flex: 0 0 auto;
}
.tab.pinned {
  order: 1;
}

I also updated the wiki.

[sancho-82]

This has the side effect of Pinned Tabs scrolling with the rest, so they are pinned no more (checked on TCR 0.5.1, Ubuntu and win 7).

[eoger]

Closing this, feel free to update the CSS tweak wiki page if you find enhancements.