Closed qunp1 closed 9 months ago
You can do it two ways.
#TabsToolbar-customization-target {
counter-reset: tabCount;
}
.tabbrowser-tab {
counter-increment: tabCount;
}
#alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
position: relative !important;
}
#alltabs-button {
position: absolute !important;
top: 5px;
left: 100px;
}
#alltabs-button > .toolbarbutton-badge-stack::before {
content: counter(tabCount);
border-bottom: 1px solid var(--toolbarbutton-icon-fill);
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: var(--toolbarbutton-inner-padding);
left: 50%;
transform: translateX(-50%);
padding: 0 3px;
}
thank you, the code works but it doesn't show until i hover on toolbar, i need it to stay visible
Here add this at the end of the file, should work when tabs bar is hidden
#alltabs-button {
visibility: visible !important;
}
is it possible to move the 'all tabs button' from tabs bar to navbar above so the number of current open tabs can be visible when tabs are hidden. (or anything else to show the current nbr of tabs).