mbnuqw / sidebery

Firefox extension for managing tabs and bookmarks in sidebar.
MIT License
3.26k stars 163 forks source link

Numbered tabs #119

Closed nollinvoyd closed 4 years ago

nollinvoyd commented 4 years ago

I'm brand new to Sidebery. Very interesting.

I have numbered tab in my tab bar. Accomplished by an userchrome.css entry.

If not actually adding it as a "feature", could someone suggest how to do it with css?

mbnuqw commented 4 years ago

You can try to put this css to css editor (in settings / styles editor):

/* globally */
/*
#root {
  counter-reset: tabs;
}
.Tab:nth-of-type(n + 1) {
  counter-increment: tabs;
}
*/

/* per-panel */
.panel {
  counter-reset: tabs;
}
.Tab:nth-of-type(n + 1) {
  counter-increment: tabs;
}

/* num style */
.Tab:nth-of-type(n):before {
  content: counter(tabs);
  position: relative;
  padding: 0 0 0 3px;
  color: #787878;
  font: 11px sans-serif;
}

/* fix margin */
.Tab .fav {
  margin-left: 3px;
}

screenshot-2020-01-08 22:54:06

But this will skip folded tabs, so maybe it is not very useful sorry.