mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Tabbar - Container always long option

Browse source
This commit is contained in:
Artur Pragacz 2022-11-17 01:28:10 +01:00
parent 7a16c16008
commit da0ceaf684
4 changed files with 47 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

30
css/leptonChrome.css generated
View file

@ -8448,15 +8448,22 @@
transform: translate(var(--uc-container-position-x), var(--uc-container-position-y)); transform: translate(var(--uc-container-position-x), var(--uc-container-position-y));
/* Shape */ /* Shape */
border-bottom: 2px solid var(--identity-icon-color); border-bottom: 2px solid var(--identity-icon-color);
width: 25%; width: calc(100% - 30px);
opacity: 0.75; opacity: 0.75;
} }
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { .tabbrowser-tab[visuallyselected] .tab-content::before {
width: calc(100% - 30px);
opacity: 1; opacity: 1;
} }
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { @supports not -moz-bool-pref("userChrome.tab.container.always_long") {
width: calc(100% - 33px); .tab-content::before {
width: 25%;
}
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 30px);
}
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 33px);
}
} }
/* Animate */ /* Animate */
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
@ -22763,17 +22770,22 @@
transform: translate(var(--uc-container-position-x), var(--uc-container-position-y)); transform: translate(var(--uc-container-position-x), var(--uc-container-position-y));
/* Shape */ /* Shape */
border-bottom: 2px solid var(--identity-icon-color); border-bottom: 2px solid var(--identity-icon-color);
width: 25%; width: calc(100% - 30px);
opacity: 0.75; opacity: 0.75;
} }
} }
@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { @media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) {
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { .tabbrowser-tab[visuallyselected] .tab-content::before {
width: calc(100% - 30px);
opacity: 1; opacity: 1;
} }
} }
@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { @media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (not (-moz-bool-pref: "userChrome.tab.container.always_long")) {
.tab-content::before {
width: 25%;
}
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 30px);
}
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 33px); width: calc(100% - 33px);
} }

17
css/leptonChromeESR.css generated
View file

@ -8878,15 +8878,22 @@
transform: translate(var(--uc-container-position-x), var(--uc-container-position-y)); transform: translate(var(--uc-container-position-x), var(--uc-container-position-y));
/* Shape */ /* Shape */
border-bottom: 2px solid var(--identity-icon-color); border-bottom: 2px solid var(--identity-icon-color);
width: 25%; width: calc(100% - 30px);
opacity: 0.75; opacity: 0.75;
} }
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { .tabbrowser-tab[visuallyselected] .tab-content::before {
width: calc(100% - 30px);
opacity: 1; opacity: 1;
} }
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { @supports not -moz-bool-pref("userChrome.tab.container.always_long") {
width: calc(100% - 33px); .tab-content::before {
width: 25%;
}
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 30px);
}
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 33px);
}
} }
/* Animate */ /* Animate */
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {

18
src/tab/_container_tab.scss
View file

@ -39,15 +39,23 @@
/* Shape */ /* Shape */
border-bottom: 2px solid var(--identity-icon-color); border-bottom: 2px solid var(--identity-icon-color);
width: 25%; width: calc(100% - 30px);
opacity: 0.75; opacity: 0.75;
} }
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { .tabbrowser-tab[visuallyselected] .tab-content::before {
width: calc(100% - 30px);
opacity: 1; opacity: 1;
} }
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 33px); @include NotOption("userChrome.tab.container.always_long") {
.tab-content::before {
width: 25%;
}
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 30px);
}
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: calc(100% - 33px);
}
} }
/* Animate */ /* Animate */

1
user.js
View file

@ -177,6 +177,7 @@ user_pref("userChrome.rounding.square_tab", false);
// user_pref("userChrome.tab.close_button_at_hover.with_selected", true); // Need close_button_at_hover // user_pref("userChrome.tab.close_button_at_hover.with_selected", true); // Need close_button_at_hover
// user_pref("userChrome.tab.sound_show_label", true); // Need remove sound_hide_label // user_pref("userChrome.tab.sound_show_label", true); // Need remove sound_hide_label
// user_pref("userChrome.tab.container.on_top", true); // user_pref("userChrome.tab.container.on_top", true);
// user_pref("userChrome.tab.container.always_long", true);
// user_pref("userChrome.tab.sound_with_favicons.on_center", true); // user_pref("userChrome.tab.sound_with_favicons.on_center", true);
// user_pref("userChrome.tab.selected_bold", true); // user_pref("userChrome.tab.selected_bold", true);