datguypiko / Firefox-Mod-Blur

Firefox Theme - For dark theme lovers / More compact / Modular / Blur
1.24k stars 59 forks source link

Feature request - Tabs count #96

Closed qunp1 closed 9 months ago

qunp1 commented 9 months ago

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). image

datguypiko commented 9 months ago

You can do it two ways.

  1. Simple is just using this extension . Then right clicking on it in extension menu and "pin to toolbar". In customization view you can move it anywhere you want. image
  2. Using This code, but you will need to specify position with "left: 100px;" where you want it to stay. image
#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;  
}
qunp1 commented 9 months ago

thank you, the code works but it doesn't show until i hover on toolbar, i need it to stay visible

datguypiko commented 9 months ago

Here add this at the end of the file, should work when tabs bar is hidden

#alltabs-button {
    visibility: visible !important;
}

image