mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-01-14 21:32:04 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Tab - Vertical Tab with close button #1095

Browse source
This commit is contained in:
alstjr7375 2025-12-21 00:00:00 +09:00
parent c0dca2b348
commit a6546e6955
3 changed files with 49 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

26
css/leptonChrome.css generated
View file

@ -8629,6 +8629,18 @@
padding-inline-start: 3px !important; /* Original: 0px */
width: 19px !important; /* Redefine from 19px !important, Original: 17px = (width - padding) */
}
#tabbrowser-tabs[orient="vertical"]:not([expanded]) .tab-close-button {
padding: 2px !important;
width: 16px !important;
height: 16px !important;
background-image: linear-gradient(var(--close-button-extra-background)),
linear-gradient(var(--tab-selected-bgcolor, var(--toolbar-bgcolor))), linear-gradient(var(--toolbox-bgcolor)) !important;
}
#tabbrowser-tabs[orient="vertical"]:not([expanded]) .tab-close-button:-moz-window-inactive {
background-image: linear-gradient(var(--close-button-extra-background)),
linear-gradient(var(--tab-selected-bgcolor, var(--toolbar-bgcolor))),
linear-gradient(var(--toolbox-bgcolor-inactive)) !important;
}
}
/** Clipped tabs - Show close button at pinned tab ****************************/
@media -moz-pref("userChrome.tab.close_button_at_pinned") {
@ -24011,6 +24023,20 @@
width: 19px !important; /* Redefine from 19px !important, Original: 17px = (width - padding) */
}
}
@media (-moz-bool-pref: "userChrome.tab.close_button_at_hover") {
#tabbrowser-tabs[orient="vertical"]:not([expanded]) .tab-close-button {
padding: 2px !important;
width: 16px !important;
height: 16px !important;
background-image: linear-gradient(var(--close-button-extra-background)),
linear-gradient(var(--tab-selected-bgcolor, var(--toolbar-bgcolor))), linear-gradient(var(--toolbox-bgcolor)) !important;
}
#tabbrowser-tabs[orient="vertical"]:not([expanded]) .tab-close-button:-moz-window-inactive {
background-image: linear-gradient(var(--close-button-extra-background)),
linear-gradient(var(--tab-selected-bgcolor, var(--toolbar-bgcolor))),
linear-gradient(var(--toolbox-bgcolor-inactive)) !important;
}
}
/** Clipped tabs - Show close button at pinned tab ****************************/
@media (-moz-bool-pref: "userChrome.tab.close_button_at_pinned") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) {
#tabbrowser-tabs {

12
css/leptonChromeESR.css generated
View file

@ -9088,6 +9088,18 @@
padding-inline-start: 3px !important; /* Original: 0px */
width: 19px !important; /* Redefine from 19px !important, Original: 17px = (width - padding) */
}
#tabbrowser-tabs[orient="vertical"]:not([expanded]) .tab-close-button {
padding: 2px !important;
width: 16px !important;
height: 16px !important;
background-image: linear-gradient(var(--close-button-extra-background)),
linear-gradient(var(--tab-selected-bgcolor, var(--toolbar-bgcolor))), linear-gradient(var(--toolbox-bgcolor)) !important;
}
#tabbrowser-tabs[orient="vertical"]:not([expanded]) .tab-close-button:-moz-window-inactive {
background-image: linear-gradient(var(--close-button-extra-background)),
linear-gradient(var(--tab-selected-bgcolor, var(--toolbar-bgcolor))),
linear-gradient(var(--toolbox-bgcolor-inactive)) !important;
}
}
/** Clipped tabs - Show close button at pinned tab ****************************/
@supports -moz-bool-pref("userChrome.tab.close_button_at_pinned") {

11
src/tab/clipped_tab/_show_close_button_at_hover.scss
View file

@ -79,3 +79,14 @@
padding-inline-start: 3px !important; /* Original: 0px */
width: 19px !important; /* Redefine from 19px !important, Original: 17px = (width - padding) */
}
#tabbrowser-tabs[orient="vertical"]:not([expanded]) .tab-close-button {
padding: 2px !important;
width: 16px !important;
height: 16px !important;
background-image: linear-gradient(var(--close-button-extra-background)), linear-gradient(var(--tab-selected-bgcolor, var(--toolbar-bgcolor))), linear-gradient(var(--toolbox-bgcolor)) !important;
&:-moz-window-inactive {
background-image: linear-gradient(var(--close-button-extra-background)), linear-gradient(var(--tab-selected-bgcolor, var(--toolbar-bgcolor))), linear-gradient(var(--toolbox-bgcolor-inactive)) !important;
}
}