mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-04-28 00:01:00 -07:00
Add: Counter - Bookmark menu
This commit is contained in:
parent
9f6b349346
commit
6edb9421cc
7 changed files with 109 additions and 61 deletions
|
|
@ -1,63 +0,0 @@
|
|||
//-- Mixin ---------------------------------------------------------------------
|
||||
@mixin _tab_counter_without_centered() {
|
||||
@include Option("userChrome.centered.tab") {
|
||||
@include NotOption("userChrome.centered.tab.label") {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@include NotOption("userChrome.centered.tab") {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
#tabbrowser-tabs {
|
||||
counter-reset: tab-counts;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([hidden="true"]) {
|
||||
counter-increment: tab-counts;
|
||||
|
||||
// https://www.designcise.com/web/tutorial/how-to-add-space-before-or-after-an-element-using-css-pseudo-elements
|
||||
&[pinned="true"] .tab-label-container::before {
|
||||
content: "\00a0" counter(tab-counts);
|
||||
}
|
||||
&:not([pinned="true"]) .tab-label-container::before {
|
||||
content: counter(tab-counts) ":\00a0";
|
||||
}
|
||||
|
||||
.tab-label-container {
|
||||
display: grid;
|
||||
|
||||
align-content: safe center;
|
||||
align-items: safe center;
|
||||
|
||||
@include _tab_counter_without_centered {
|
||||
justify-content: start;
|
||||
justify-items: start;
|
||||
}
|
||||
|
||||
&::before {
|
||||
display: inline-block;
|
||||
grid-row: 1;
|
||||
}
|
||||
> .tab-text {
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
&[pinned] {
|
||||
width: unset !important; /* Original: 0 */
|
||||
> .tab-text,
|
||||
> .tab-secondary-label {
|
||||
width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Like centered label
|
||||
.tab-label,
|
||||
.tab-secondary-label {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
|
@ -39,8 +39,3 @@
|
|||
@include Option("userChrome.tab.crashed") {
|
||||
@import "crashed_tab";
|
||||
}
|
||||
|
||||
/*= Counter for Tab ==========================================================*/
|
||||
@include Option("userChrome.tab.counter") {
|
||||
@import "counter";
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue