mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2025-12-06 02:30:54 -08:00
Compare commits
14 commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
aa9fc543b3 | ||
|
|
38507b733b | ||
|
|
2bcd91f8b8 | ||
|
|
4645a41e7e | ||
|
|
b0b977e658 | ||
|
|
44d4124a57 | ||
|
|
3b2e609eab | ||
|
|
7e21531269 | ||
|
|
37ba412b4c | ||
|
|
83431e9e76 | ||
|
|
2576f0b031 | ||
|
|
5a5dedef16 | ||
|
2360479dc1 | ||
|
|
5e49ab0a9a |
28 changed files with 1010 additions and 134 deletions
16
.github/workflows/release.yml
vendored
16
.github/workflows/release.yml
vendored
|
|
@ -42,14 +42,14 @@ jobs:
|
|||
- mode: "STANDARD"
|
||||
name: "Lepton-Proton-Style"
|
||||
branch: "proton-style"
|
||||
- mode: "ESR"
|
||||
name: "ESR-Lepton"
|
||||
- mode: "LegacyV117"
|
||||
name: "LegacyV117-Lepton"
|
||||
branch: "master"
|
||||
- mode: "ESR"
|
||||
name: "ESR-Lepton-Photon-Style"
|
||||
- mode: "LegacyV117"
|
||||
name: "LegacyV117-Lepton-Photon-Style"
|
||||
branch: "photon-style"
|
||||
- mode: "ESR"
|
||||
name: "ESR-Lepton-Proton-Style"
|
||||
- mode: "LegacyV117"
|
||||
name: "LegacyV117-Lepton-Proton-Style"
|
||||
branch: "proton-style"
|
||||
steps:
|
||||
- uses: actions/checkout@v4
|
||||
|
|
@ -75,8 +75,8 @@ jobs:
|
|||
rm css/leptonChromeESR.css
|
||||
rm css/leptonContentESR.css
|
||||
|
||||
- name: Processing for ESR
|
||||
if: matrix.mode == 'ESR'
|
||||
- name: Processing for LegacyV117
|
||||
if: matrix.mode == 'LegacyV117'
|
||||
run: |
|
||||
sed -i "s/\.css/ESR\.css/g" userChrome.css
|
||||
sed -i "s/\.css/ESR\.css/g" userContent.css
|
||||
|
|
|
|||
6
CREDITS
6
CREDITS
|
|
@ -38,6 +38,9 @@ N: Alex Besogonov
|
|||
E: Alex.Besogonov@gmail.com
|
||||
W: https://github.com/Cyberax
|
||||
|
||||
N: aslam karachiwala
|
||||
W: https://github.com/akwala
|
||||
|
||||
N: AuRiMaS666
|
||||
W: https://github.com/AuRiMaS666
|
||||
|
||||
|
|
@ -171,6 +174,9 @@ N: menndouyukkuri
|
|||
E: menndoukusagari@gmail.com
|
||||
W: https://github.com/menndouyukkuri
|
||||
|
||||
N: mid-kid
|
||||
W: https://github.com/mid-kid
|
||||
|
||||
N: Mizuki
|
||||
W: https://github.com/MagicalDrizzle
|
||||
|
||||
|
|
|
|||
|
|
@ -214,6 +214,7 @@ Thanks to all sponsors & contributors to this project for providing help and dev
|
|||
[[https://github.com/Ygg01][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/1146204?s=60&v=4"/>@@]]
|
||||
[[https://github.com/engelju][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/2188152?s=60&v=4"/>@@]]
|
||||
[[https://github.com/xrstf][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/127499?s=60&v=4"/>@@]]
|
||||
[[https://github.com/akwala][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/1786?s=60&v=4"/>@@]]
|
||||
|
||||
- A donation was received on [[https://ko-fi.com/black7375][Ko-Fi]]
|
||||
- [[https://ko-fi.com/home/coffeeshop?txid=97e5fa0d-c73e-4308-a2fd-6b44b08cd828][Safira]]
|
||||
|
|
|
|||
630
css/leptonChrome.css
generated
630
css/leptonChrome.css
generated
File diff suppressed because it is too large
Load diff
315
css/leptonChromeESR.css
generated
315
css/leptonChromeESR.css
generated
|
|
@ -456,6 +456,7 @@
|
|||
appearance: auto !important;
|
||||
-moz-default-appearance: -moz-window-titlebar !important;
|
||||
}
|
||||
:root:is([tabsintitlebar], [customtitlebar]):not(:-moz-lwtheme) #pinned-tabs-container,
|
||||
:root:is([tabsintitlebar], [customtitlebar]):not(:-moz-lwtheme) #tabbrowser-arrowscrollbox {
|
||||
color: -moz-dialogtext !important;
|
||||
}
|
||||
|
|
@ -975,6 +976,27 @@
|
|||
}
|
||||
}
|
||||
@media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
|
||||
:root:is(:not([lwtheme]), :not(:-moz-lwtheme))
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[multiselected]:not([selected]),
|
||||
:root[lwtheme-mozlightdark]
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[multiselected]:not([selected]),
|
||||
:root:is(
|
||||
[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"],
|
||||
[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]
|
||||
)
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[multiselected]:not([selected]),
|
||||
:root:is(:not([lwtheme]), :not(:-moz-lwtheme))
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #tabbrowser-arrowscrollbox
|
||||
|
|
@ -1294,6 +1316,18 @@
|
|||
}
|
||||
/* Hard Coded */
|
||||
@supports -moz-bool-pref("userChrome.tab.color_like_toolbar") {
|
||||
:root[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode]
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][lwt-default-theme-in-dark-mode]
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
:root[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode]
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #tabbrowser-arrowscrollbox
|
||||
|
|
@ -4252,6 +4286,11 @@
|
|||
--tab-border-radius: 0 !important; /* Original: 4px */
|
||||
}
|
||||
}
|
||||
@supports not -moz-bool-pref("userChrome.rounding.square_tab") {
|
||||
:root {
|
||||
--tab-border-radius: 4px !important; /* Original: 4px */
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_button") {
|
||||
:root {
|
||||
--urlbar-icon-border-radius: 0 !important; /* Original: calc(var(--toolbarbutton-border-radius) - 1px); */
|
||||
|
|
@ -4502,6 +4541,7 @@
|
|||
margin-inline-start: 0 !important;
|
||||
}
|
||||
}
|
||||
:root:not([uidensity="touch"]) #pinned-tabs-container,
|
||||
:root:not([uidensity="touch"]) #tabbrowser-arrowscrollbox {
|
||||
--scrollbtn-inner-padding: 1px;
|
||||
--scrollbtn-outer-padding: 3px;
|
||||
|
|
@ -4546,6 +4586,9 @@
|
|||
.tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) {
|
||||
max-width: var(--tab-max-width) !important; /* Original: 225px */
|
||||
}
|
||||
#tabbrowser-tabs[orient="vertical"][expanded] .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) {
|
||||
max-width: none !important;
|
||||
}
|
||||
#tabbrowser-tabs[orient="horizontal"]
|
||||
tab-group[collapsed]
|
||||
> .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) {
|
||||
|
|
@ -4557,6 +4600,9 @@
|
|||
}
|
||||
/* neighbouring tabs should "pinch" together */
|
||||
:root[customizing="true"] #tabbrowser-arrowscrollbox-periphery,
|
||||
#tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"])
|
||||
> #pinned-tabs-container
|
||||
> #tabbrowser-arrowscrollbox-periphery,
|
||||
#tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"])
|
||||
> #tabbrowser-arrowscrollbox
|
||||
> #tabbrowser-arrowscrollbox-periphery {
|
||||
|
|
@ -4716,6 +4762,16 @@
|
|||
) !important; /* Prevent overflow pinned tab bottom margin */
|
||||
}
|
||||
@supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
|
||||
:root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #pinned-tabs-container,
|
||||
#TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"],
|
||||
#TabsToolbar:not([multibar])
|
||||
#pinned-tabs-container[overflowing="true"]
|
||||
> .tabbrowser-tab[pinned="true"]
|
||||
.tab-stack,
|
||||
#TabsToolbar:not([multibar])
|
||||
#pinned-tabs-container[overflowing="true"]
|
||||
> .tabbrowser-tab[pinned="true"]
|
||||
.tab-content,
|
||||
:root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
|
||||
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
|
||||
#TabsToolbar:not([multibar])
|
||||
|
|
@ -4728,12 +4784,14 @@
|
|||
.tab-content {
|
||||
max-height: var(--tab-min-height) !important; /* Force apply height */
|
||||
}
|
||||
:root[uidensity="compact"] #TabsToolbar:not([multibar]) #pinned-tabs-container,
|
||||
:root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox {
|
||||
height: var(--tab-min-height) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Scroll Button - Size Fix */
|
||||
:root #pinned-tabs-container,
|
||||
:root #tabbrowser-arrowscrollbox {
|
||||
--scrollbtn-vertical-padding: 3px;
|
||||
--scrollbtn-vertical-border: 2px;
|
||||
|
|
@ -4828,11 +4886,13 @@
|
|||
}
|
||||
@supports -moz-bool-pref("userChrome.padding.urlView_expanding") or -moz-bool-pref("userChrome.urlView.as_commandbar") {
|
||||
#urlbar[breakout][breakout-extend] {
|
||||
top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important;
|
||||
left: 0 !important;
|
||||
width: 100% !important;
|
||||
top: calc(var(--urlbar-container-height) * 2 - var(--urlbar-height)) !important;
|
||||
width: var(--urlbar-width) !important;
|
||||
position: relative !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
|
||||
#urlbar[breakout][breakout-extend] > #urlbar-input-container,
|
||||
#urlbar[breakout][breakout-extend] > .urlbar-input-container {
|
||||
height: var(--urlbar-height) !important;
|
||||
padding-block: 0 !important;
|
||||
padding-inline: var(--urlbar-container-padding, 0px) !important;
|
||||
|
|
@ -7165,6 +7225,7 @@
|
|||
width: 100%;
|
||||
}
|
||||
/* Pinned */
|
||||
#tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned][selected="true"],
|
||||
#tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned][selected="true"] {
|
||||
position: relative !important;
|
||||
}
|
||||
|
|
@ -7184,18 +7245,22 @@
|
|||
}
|
||||
/* Padding */
|
||||
@supports not -moz-bool-pref("userChrome.centered.tab") {
|
||||
#pinned-tabs-container,
|
||||
#tabbrowser-arrowscrollbox {
|
||||
margin-inline: 2px !important;
|
||||
}
|
||||
:root[sizemode="normal"] #pinned-tabs-container,
|
||||
:root[sizemode="normal"] #tabbrowser-arrowscrollbox {
|
||||
margin-inline: 6px !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.centered.tab") {
|
||||
@supports -moz-bool-pref("userChrome.centered.tab.label") {
|
||||
#pinned-tabs-container,
|
||||
#tabbrowser-arrowscrollbox {
|
||||
margin-inline: 2px !important;
|
||||
}
|
||||
:root[sizemode="normal"] #pinned-tabs-container,
|
||||
:root[sizemode="normal"] #tabbrowser-arrowscrollbox {
|
||||
margin-inline: 6px !important;
|
||||
}
|
||||
|
|
@ -7240,6 +7305,7 @@
|
|||
}
|
||||
}
|
||||
.scrollbox-clip[orient="horizontal"],
|
||||
#pinned-tabs-container,
|
||||
#tabbrowser-arrowscrollbox {
|
||||
overflow: -moz-hidden-unscrollable;
|
||||
display: block;
|
||||
|
|
@ -7317,6 +7383,7 @@
|
|||
> #tabs-newtab-button {
|
||||
z-index: 2 !important;
|
||||
}
|
||||
#tabbrowser-tabs[closebuttons="activetab"][hasadjacentnewtabbutton="true"] #pinned-tabs-container,
|
||||
#tabbrowser-tabs[closebuttons="activetab"][hasadjacentnewtabbutton="true"] #tabbrowser-arrowscrollbox {
|
||||
padding-inline-end: calc(
|
||||
16px + (var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) * 2
|
||||
|
|
@ -7334,6 +7401,16 @@
|
|||
/** Tab UI ********************************************************************/
|
||||
/*= Tab - Connect to window ==============================================*/
|
||||
@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
|
||||
#TabsToolbar #tabbrowser-tabs:not([orient="vertical"]) {
|
||||
max-height: var(--tab-min-height);
|
||||
}
|
||||
#TabsToolbar #tabbrowser-tabs:not([orient="vertical"])[movingtab] {
|
||||
padding-bottom: unset !important;
|
||||
margin-bottom: unset !important;
|
||||
}
|
||||
#TabsToolbar[multibar] #tabbrowser-tabs:not([orient="vertical"]) {
|
||||
max-height: var(--tab-min-height_mlt);
|
||||
}
|
||||
#tabbrowser-tabs:not([orient="vertical"]) {
|
||||
min-height: unset !important; /* Original: var(--tabstrip-min-height) */
|
||||
}
|
||||
|
|
@ -7365,9 +7442,11 @@
|
|||
}
|
||||
}
|
||||
/* Pinned Tab - tabbrowser-arrowscrollbox overflowing */
|
||||
#tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned],
|
||||
#tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
|
||||
z-index: 0 !important;
|
||||
}
|
||||
#tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned] .tab-stack,
|
||||
#tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] .tab-stack {
|
||||
/* Temporary solution for compatibility #513 */
|
||||
overflow-y: clip;
|
||||
|
|
@ -7402,6 +7481,26 @@
|
|||
.tab-background:is([selected], [multiselected]) {
|
||||
background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
|
||||
}
|
||||
:root:is(:-moz-lwtheme, [lwtheme]) #pinned-tabs-container > .tabbrowser-tab > .tab-stack > .tab-background[selected],
|
||||
:root:is(:-moz-lwtheme, [lwtheme])
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
:root:is(:-moz-lwtheme, [lwtheme])
|
||||
#pinned-tabs-container
|
||||
> tab-group
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
:root:is(:-moz-lwtheme, [lwtheme])
|
||||
#tabbrowser-tabs[orient="horizontal"]:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> tab-group
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
:root:is(:-moz-lwtheme, [lwtheme])
|
||||
#tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
|
|
@ -7435,6 +7534,30 @@
|
|||
background-repeat: repeat-x, repeat-x, no-repeat !important;
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.theme.transparent.frame") {
|
||||
:root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme])
|
||||
#pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
:root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme])
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
:root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme])
|
||||
#pinned-tabs-container
|
||||
> tab-group
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
:root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme])
|
||||
#tabbrowser-tabs[orient="horizontal"]:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> tab-group
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
:root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme])
|
||||
#tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
|
|
@ -7476,6 +7599,17 @@
|
|||
#vertical-tabs[brighttext] {
|
||||
--uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 16%, var(--toolbar-bgcolor, transparent));
|
||||
}
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[multiselected]:not([selected]),
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> tab-group
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[multiselected]:not([selected]),
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
|
|
@ -8165,12 +8299,14 @@
|
|||
/*= Unselected Tab - Divide line =============================================*/
|
||||
/*= Unselected Tab - Dynamic Separator =======================================*/
|
||||
@supports -moz-bool-pref("userChrome.tab.dynamic_separator") {
|
||||
#pinned-tabs-container,
|
||||
#tabbrowser-arrowscrollbox {
|
||||
--start-tab-separator-position-x: -1.5px;
|
||||
--end-tab-separator-position-x: 1.5px;
|
||||
--tab-separator-position-x: -2.5px;
|
||||
--tab-separator-position-y: calc(-50% + 1px);
|
||||
}
|
||||
#pinned-tabs-container:-moz-locale-dir(rtl),
|
||||
#tabbrowser-arrowscrollbox:-moz-locale-dir(rtl) {
|
||||
--start-tab-separator-position-x: 1.5px;
|
||||
--end-tab-separator-position-x: -1.5px;
|
||||
|
|
@ -8243,6 +8379,12 @@
|
|||
transform: translateX(var(--end-tab-separator-position-x)) translateY(var(--tab-separator-position-y)) !important;
|
||||
}
|
||||
}
|
||||
#pinned-tabs-container:not([orient="vertical"]):not(:empty):not(
|
||||
:has(.tabbrowser-tab[pinned]:is([visuallyselected], [multiselected], :hover):last-of-type)
|
||||
)
|
||||
~ #tabbrowser-arrowscrollbox:not([orient="vertical"])
|
||||
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type
|
||||
.tab-stack::before,
|
||||
#tabbrowser-tabs:not([orient="vertical"])
|
||||
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-of-type)
|
||||
.tab-stack::before {
|
||||
|
|
@ -8731,6 +8873,10 @@
|
|||
--tab-label-mask-size: 25%;
|
||||
}
|
||||
.tabbrowser-tab[visuallyselected]:not([labelendaligned]):hover .tab-label-container,
|
||||
#tabbrowser-tabs:not([closebuttons="activetab"])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab:not([visuallyselected], [labelendaligned]):hover
|
||||
.tab-label-container,
|
||||
#tabbrowser-tabs:not([closebuttons="activetab"])
|
||||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab:not([visuallyselected], [labelendaligned]):hover
|
||||
|
|
@ -8740,6 +8886,12 @@
|
|||
}
|
||||
/** Clipped tabs - Show close button at hover *********************************/
|
||||
@supports -moz-bool-pref("userChrome.tab.close_button_at_hover") {
|
||||
#tabbrowser-tabs[closebuttons="activetab"]
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab:not([pinned])
|
||||
> .tab-stack
|
||||
> .tab-content
|
||||
> .tab-close-button:not([selected]),
|
||||
#tabbrowser-tabs[closebuttons="activetab"]
|
||||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab:not([pinned])
|
||||
|
|
@ -12479,6 +12631,28 @@
|
|||
#sidebarMenu-popup > *:is(menuitem)[data-l10n-id="sidebar-menu-close"] {
|
||||
--menuitem-image: url("chrome://global/skin/icons/close.svg");
|
||||
}
|
||||
/*= sidebar-context-menu =====================================================*/
|
||||
#sidebar-context-menu-manage-extension {
|
||||
--menuitem-image: url("chrome://global/skin/icons/settings.svg");
|
||||
}
|
||||
#sidebar-context-menu-remove-extension {
|
||||
--menuitem-image: url("chrome://global/skin/icons/delete.svg");
|
||||
}
|
||||
#sidebar-context-menu-report-extension {
|
||||
--menuitem-image: url("../icons/send.svg");
|
||||
}
|
||||
#sidebar-context-menu-unpin-extension {
|
||||
--menuitem-image: url("../icons/unpin-tab.svg");
|
||||
}
|
||||
#sidebar-context-menu-hide-sidebar {
|
||||
--menuitem-image: url("../icons/eye-hide.svg");
|
||||
}
|
||||
#sidebar-context-menu-customize-sidebar {
|
||||
--menuitem-image: url("chrome://browser/skin/customize.svg");
|
||||
}
|
||||
#sidebar-context-menu-enable-vertical-tabs {
|
||||
--menuitem-image: url("chrome://browser/skin/sidebar-collapsed.svg");
|
||||
}
|
||||
/*= chrome://browser/content/syncedtabs/sidebar.xhtml ========================*/
|
||||
.item.client[clientType="phone"] > .item-title-container > .item-icon-container {
|
||||
background-image: url("../icons/device-phone.svg") !important;
|
||||
|
|
@ -12541,7 +12715,8 @@
|
|||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
#usercssloader-menupopup,
|
||||
#sidebar-context-menu
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -12555,7 +12730,8 @@
|
|||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
#usercssloader-menupopup,
|
||||
#sidebar-context-menu
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -12629,7 +12805,8 @@
|
|||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
#usercssloader-menupopup,
|
||||
#sidebar-context-menu
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -12643,7 +12820,8 @@
|
|||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
#usercssloader-menupopup,
|
||||
#sidebar-context-menu
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -12743,7 +12921,8 @@
|
|||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
#usercssloader-menupopup,
|
||||
#sidebar-context-menu
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -12757,7 +12936,8 @@
|
|||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
#usercssloader-menupopup,
|
||||
#sidebar-context-menu
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -12783,6 +12963,9 @@
|
|||
.menupopup-arrowscrollbox {
|
||||
padding-inline: 0 !important; /* Original: padding: var(--panel-padding); --panel-padding-block: 4px; */
|
||||
}
|
||||
menupopup[needsgutter] > :is(menu, menuitem) > .menu-icon {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@media (-moz-os-version: windows-win7),
|
||||
(-moz-os-version: windows-win8),
|
||||
|
|
@ -12821,7 +13004,8 @@
|
|||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
#usercssloader-menupopup,
|
||||
#sidebar-context-menu
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -12835,7 +13019,8 @@
|
|||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
#usercssloader-menupopup,
|
||||
#sidebar-context-menu
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -12862,6 +13047,9 @@
|
|||
.menupopup-arrowscrollbox {
|
||||
padding-inline: 0 !important; /* Original: padding: var(--panel-padding); --panel-padding-block: 4px; */
|
||||
}
|
||||
menupopup[needsgutter] > :is(menu, menuitem) > .menu-icon {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -13009,7 +13197,8 @@
|
|||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
#usercssloader-menupopup,
|
||||
#sidebar-context-menu
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -13023,7 +13212,8 @@
|
|||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
#usercssloader-menupopup,
|
||||
#sidebar-context-menu
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -13056,6 +13246,9 @@
|
|||
.menu-icon {
|
||||
display: unset !important;
|
||||
}
|
||||
#main-menubar > menu > .menu-icon {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
/* Padding - Mac */
|
||||
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
|
||||
|
|
@ -13097,7 +13290,8 @@
|
|||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
#usercssloader-menupopup,
|
||||
#sidebar-context-menu
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item),
|
||||
menupopup:is(
|
||||
|
|
@ -13111,7 +13305,8 @@
|
|||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
#usercssloader-menupopup,
|
||||
#sidebar-context-menu
|
||||
)
|
||||
menu:not(.menu-iconic) {
|
||||
list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important;
|
||||
|
|
@ -13164,10 +13359,14 @@
|
|||
(-moz-os-version: windows-win10),
|
||||
(-moz-platform: windows) {
|
||||
/* Bookmark Popup - None icon menu */
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) {
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"]
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])),
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"]
|
||||
menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])),
|
||||
#PersonalToolbar
|
||||
menupopup[placespopup="true"]
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) {
|
||||
margin-inline: var(--arrowpanel-menuitem-margin-inline) !important;
|
||||
padding-inline-start: var(--bookmark-menu-icon-text-padding) !important;
|
||||
background-position: var(--uc-menu-background-position) var(--bookmark-menu-icon-background-padding) center !important;
|
||||
|
|
@ -13195,26 +13394,44 @@
|
|||
margin-inline-start: -1px !important;
|
||||
}
|
||||
/* Bookmark Popup - None icon menu */
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) {
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"]
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])),
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"]
|
||||
menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])),
|
||||
#PersonalToolbar
|
||||
menupopup[placespopup="true"]
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) {
|
||||
padding-inline-start: calc(var(--context-menu-background-padding) + 2px) !important;
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.theme.non_native_menu") {
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) {
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"]
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])),
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"]
|
||||
menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])),
|
||||
#PersonalToolbar
|
||||
menupopup[placespopup="true"]
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])),
|
||||
#PersonalToolbar
|
||||
menupopup[placespopup="true"]
|
||||
menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) {
|
||||
margin-inline: var(--arrowpanel-menuitem-margin-inline) !important;
|
||||
}
|
||||
}
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"]
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"])
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"]))
|
||||
.menu-text,
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic) .menu-text,
|
||||
#PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]) .menu-text,
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) .menu-text {
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"]
|
||||
menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"]))
|
||||
.menu-text,
|
||||
#PersonalToolbar
|
||||
menupopup[placespopup="true"]
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"]))
|
||||
.menu-text,
|
||||
#PersonalToolbar
|
||||
menupopup[placespopup="true"]
|
||||
menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"]))
|
||||
.menu-text {
|
||||
margin-inline-start: var(--context-menu-text-padding) !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -13225,20 +13442,32 @@
|
|||
padding-inline: var(--arrowpanel-menuitem-padding-inline) !important;
|
||||
}
|
||||
/* Bookmark Popup - None icon menu */
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic) {
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"]
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])),
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"]
|
||||
menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) {
|
||||
padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 3px) !important;
|
||||
}
|
||||
#PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) {
|
||||
#PersonalToolbar
|
||||
menupopup[placespopup="true"]
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) {
|
||||
padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 1px) !important;
|
||||
}
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"]
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"])
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"]))
|
||||
> .menu-text,
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic) > .menu-text,
|
||||
#PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]) > .menu-text,
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) > .menu-text {
|
||||
menupopup:is(#BMB_bookmarksPopup)[placespopup="true"]
|
||||
menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"]))
|
||||
> .menu-text,
|
||||
#PersonalToolbar
|
||||
menupopup[placespopup="true"]
|
||||
menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"]))
|
||||
> .menu-text,
|
||||
#PersonalToolbar
|
||||
menupopup[placespopup="true"]
|
||||
menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"]))
|
||||
> .menu-text {
|
||||
padding-inline-start: var(--context-menu-mac-padding) !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -13438,6 +13667,12 @@
|
|||
#toolbar-context-undoCloseTab {
|
||||
--menuitem-image: url("../icons/undo.svg");
|
||||
}
|
||||
#toolbar-context-customize-sidebar {
|
||||
--menuitem-image: url("chrome://browser/skin/customize.svg");
|
||||
}
|
||||
#toolbar-context-toggle-vertical-tabs {
|
||||
--menuitem-image: url("chrome://browser/skin/sidebar-collapsed.svg");
|
||||
}
|
||||
#toggle_toolbar-menubar {
|
||||
/* checkbox */
|
||||
--menuitem-image: url("../icons/calendar-agenda.svg");
|
||||
|
|
|
|||
6
css/leptonContent.css
generated
6
css/leptonContent.css
generated
|
|
@ -3439,6 +3439,9 @@
|
|||
.menu-icon {
|
||||
display: unset !important;
|
||||
}
|
||||
#main-menubar > menu > .menu-icon {
|
||||
display: none !important;
|
||||
}
|
||||
/* Contextmenu Checkbox Unset */
|
||||
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) menuitem[type="checkbox"] {
|
||||
margin-inline: 0 !important;
|
||||
|
|
@ -7293,6 +7296,9 @@
|
|||
.menu-icon {
|
||||
display: unset !important;
|
||||
}
|
||||
#main-menubar > menu > .menu-icon {
|
||||
display: none !important;
|
||||
}
|
||||
/* Contextmenu Checkbox Unset */
|
||||
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) menuitem[type="checkbox"] {
|
||||
margin-inline: 0 !important;
|
||||
|
|
|
|||
3
css/leptonContentESR.css
generated
3
css/leptonContentESR.css
generated
|
|
@ -3578,6 +3578,9 @@
|
|||
.menu-icon {
|
||||
display: unset !important;
|
||||
}
|
||||
#main-menubar > menu > .menu-icon {
|
||||
display: none !important;
|
||||
}
|
||||
/* Contextmenu Checkbox Unset */
|
||||
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) menuitem[type="checkbox"] {
|
||||
margin-inline: 0 !important;
|
||||
|
|
|
|||
|
|
@ -248,6 +248,7 @@ $_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5);
|
|||
-moz-default-appearance:-moz-window-titlebar !important;;
|
||||
}
|
||||
|
||||
:root:is([tabsintitlebar], [customtitlebar]):not(:-moz-lwtheme) #pinned-tabs-container,
|
||||
:root:is([tabsintitlebar], [customtitlebar]):not(:-moz-lwtheme) #tabbrowser-arrowscrollbox {
|
||||
color: -moz-dialogtext !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -609,6 +609,30 @@ panelMenuBookmarkThisPage[starred] {
|
|||
);
|
||||
}
|
||||
|
||||
/*= sidebar-context-menu =====================================================*/
|
||||
#sidebar-context-menu-manage-extension {
|
||||
--menuitem-image: url("chrome://global/skin/icons/settings.svg");
|
||||
}
|
||||
#sidebar-context-menu-remove-extension {
|
||||
--menuitem-image: url("chrome://global/skin/icons/delete.svg");
|
||||
}
|
||||
#sidebar-context-menu-report-extension {
|
||||
--menuitem-image: url("../icons/send.svg");
|
||||
}
|
||||
|
||||
#sidebar-context-menu-unpin-extension {
|
||||
--menuitem-image: url("../icons/unpin-tab.svg");
|
||||
}
|
||||
#sidebar-context-menu-hide-sidebar {
|
||||
--menuitem-image: url("../icons/eye-hide.svg");
|
||||
}
|
||||
#sidebar-context-menu-customize-sidebar {
|
||||
--menuitem-image: url("chrome://browser/skin/customize.svg");
|
||||
}
|
||||
#sidebar-context-menu-enable-vertical-tabs {
|
||||
--menuitem-image: url("chrome://browser/skin/sidebar-collapsed.svg");
|
||||
}
|
||||
|
||||
/*= chrome://browser/content/syncedtabs/sidebar.xhtml ========================*/
|
||||
.item.client[clientType=phone] > .item-title-container > .item-icon-container {
|
||||
background-image: url("../icons/device-phone.svg") !important;
|
||||
|
|
|
|||
|
|
@ -218,6 +218,13 @@
|
|||
--menuitem-image: url("../icons/undo.svg");
|
||||
}
|
||||
|
||||
#toolbar-context-customize-sidebar {
|
||||
--menuitem-image: url("chrome://browser/skin/customize.svg");
|
||||
}
|
||||
#toolbar-context-toggle-vertical-tabs {
|
||||
--menuitem-image: url("chrome://browser/skin/sidebar-collapsed.svg");
|
||||
}
|
||||
|
||||
#toggle_toolbar-menubar {
|
||||
/* checkbox */
|
||||
--menuitem-image: url("../icons/calendar-agenda.svg");
|
||||
|
|
|
|||
|
|
@ -17,8 +17,8 @@ menupopup menupopup[emptyplacesresult] .menu-text,
|
|||
|
||||
//-- Mixin ---------------------------------------------------------------------
|
||||
// Items
|
||||
$_bookmarkMenuitem: "menuitem:not(.menuitem-iconic, [disabled=\"true\"])";
|
||||
$_bookmarkMenu: "menu:not(.menu-iconic)";
|
||||
$_bookmarkMenuitem: "menuitem:not(.menuitem-iconic, [disabled=\"true\"]):not(:has(.menu-icon[aria-hidden=\"true\"]))";
|
||||
$_bookmarkMenu: "menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden=\"true\"]))";
|
||||
|
||||
// Components
|
||||
$_bookmarkPopup: "menupopup:is(#BMB_bookmarksPopup)[placespopup=\"true\"]";
|
||||
|
|
|
|||
|
|
@ -108,6 +108,11 @@ $_layoutCommonMenus: (
|
|||
.menupopup-arrowscrollbox {
|
||||
padding-inline: 0 !important; /* Original: padding: var(--panel-padding); --panel-padding-block: 4px; */
|
||||
}
|
||||
|
||||
// FF v141 #1128
|
||||
menupopup[needsgutter] > :is(menu, menuitem) > .menu-icon {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ $_checkMenu: ":not([type=\"checkbox\"][checked=\"true\"], [type=\"radio\"])";
|
|||
$_nestedPopup: "> menupopup:not(.in-menulist) >";
|
||||
$_nestedPopupIcon: ":not(menu, #ContentSelectDropdown) #{$_nestedPopup}";
|
||||
$_nestedPopupPadding: ":not(menu, #ContentSelectDropdown, #context-navigation) #{$_nestedPopup}";
|
||||
$_iconMenuPopup: "menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ProfilesPopup, #menu_ToolsPopup, #windowPopup, #menu_HelpPopup, #usercssloader-menupopup)";
|
||||
$_iconMenuPopup: "menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ProfilesPopup, #menu_ToolsPopup, #windowPopup, #menu_HelpPopup, #usercssloader-menupopup, #sidebar-context-menu)";
|
||||
|
||||
$_nestedPopupIconMenus: selector.nest(
|
||||
$_nestedPopupIcon,
|
||||
|
|
@ -195,6 +195,9 @@ $_initialMenus: $_initialMenus + "," +
|
|||
.menu-icon {
|
||||
display: unset !important;
|
||||
}
|
||||
#main-menubar > menu > .menu-icon {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@mixin _layout_init_linux() {
|
||||
padding-inline-start: 3px;
|
||||
|
|
|
|||
|
|
@ -51,12 +51,14 @@
|
|||
}
|
||||
@include Option("userChrome.padding.urlView_expanding", "userChrome.urlView.as_commandbar") {
|
||||
#urlbar[breakout][breakout-extend] {
|
||||
top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important;
|
||||
left: 0 !important;
|
||||
width: 100% !important;
|
||||
top: calc(var(--urlbar-container-height) * 2 - var(--urlbar-height)) !important;
|
||||
width: var(--urlbar-width) !important;
|
||||
position: relative !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
|
||||
#urlbar[breakout][breakout-extend] > #urlbar-input-container,
|
||||
#urlbar[breakout][breakout-extend] > .urlbar-input-container {
|
||||
height: var(--urlbar-height) !important;
|
||||
padding-block: 0 !important;
|
||||
padding-inline: var(--urlbar-container-padding, 0px) !important;
|
||||
|
|
|
|||
|
|
@ -62,12 +62,17 @@
|
|||
}
|
||||
|
||||
@include NotOption("userChrome.tabbar.multi_row") {
|
||||
:root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #pinned-tabs-container,
|
||||
#TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"],
|
||||
#TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack,
|
||||
#TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content,
|
||||
:root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
|
||||
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
|
||||
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack,
|
||||
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content {
|
||||
max-height: var(--tab-min-height) !important; /* Force apply height */
|
||||
}
|
||||
:root[uidensity="compact"] #TabsToolbar:not([multibar]) #pinned-tabs-container,
|
||||
:root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox {
|
||||
height: var(--tab-min-height) !important;
|
||||
}
|
||||
|
|
@ -75,6 +80,7 @@
|
|||
}
|
||||
|
||||
/* Scroll Button - Size Fix */
|
||||
:root #pinned-tabs-container,
|
||||
:root #tabbrowser-arrowscrollbox {
|
||||
--scrollbtn-vertical-padding: 3px;
|
||||
--scrollbtn-vertical-border: 2px;
|
||||
|
|
|
|||
|
|
@ -60,6 +60,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
:root:not([uidensity="touch"]) #pinned-tabs-container,
|
||||
:root:not([uidensity="touch"]) #tabbrowser-arrowscrollbox {
|
||||
--scrollbtn-inner-padding: 1px;
|
||||
--scrollbtn-outer-padding: 3px;
|
||||
|
|
@ -93,6 +94,9 @@
|
|||
.tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) {
|
||||
max-width: var(--tab-max-width) !important; /* Original: 225px */
|
||||
|
||||
#tabbrowser-tabs[orient="vertical"][expanded] & {
|
||||
max-width: none !important;
|
||||
}
|
||||
#tabbrowser-tabs[orient="horizontal"] tab-group[collapsed] > & {
|
||||
min-width: 0 !important;
|
||||
max-width: 0 !important;
|
||||
|
|
@ -104,6 +108,8 @@
|
|||
|
||||
/* neighbouring tabs should "pinch" together */
|
||||
:root[customizing="true"] #tabbrowser-arrowscrollbox-periphery,
|
||||
#tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"])
|
||||
> #pinned-tabs-container > #tabbrowser-arrowscrollbox-periphery,
|
||||
#tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"])
|
||||
> #tabbrowser-arrowscrollbox > #tabbrowser-arrowscrollbox-periphery {
|
||||
min-width: 3px; // With Panorama Tab Groups #643 #846
|
||||
|
|
|
|||
|
|
@ -3,6 +3,11 @@
|
|||
--tab-border-radius: 0 !important; /* Original: 4px */
|
||||
}
|
||||
}
|
||||
@include NotOption("userChrome.rounding.square_tab") {
|
||||
:root {
|
||||
--tab-border-radius: 4px !important; /* Original: 4px */
|
||||
}
|
||||
}
|
||||
@include Option("userChrome.rounding.square_button") {
|
||||
:root {
|
||||
--urlbar-icon-border-radius: 0 !important; /* Original: calc(var(--toolbarbutton-border-radius) - 1px); */
|
||||
|
|
|
|||
|
|
@ -1,3 +1,17 @@
|
|||
#TabsToolbar {
|
||||
#tabbrowser-tabs:not([orient="vertical"]) {
|
||||
max-height: var(--tab-min-height);
|
||||
}
|
||||
#tabbrowser-tabs:not([orient="vertical"])[movingtab] {
|
||||
padding-bottom: unset !important;
|
||||
margin-bottom: unset !important;
|
||||
}
|
||||
|
||||
&[multibar] #tabbrowser-tabs:not([orient="vertical"]) {
|
||||
max-height: var(--tab-min-height_mlt);
|
||||
}
|
||||
}
|
||||
|
||||
#tabbrowser-tabs:not([orient="vertical"]) {
|
||||
min-height: unset !important; /* Original: var(--tabstrip-min-height) */
|
||||
|
||||
|
|
@ -34,6 +48,7 @@
|
|||
}
|
||||
|
||||
/* Pinned Tab - tabbrowser-arrowscrollbox overflowing */
|
||||
#tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned],
|
||||
#tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
|
||||
z-index: 0 !important;
|
||||
|
||||
|
|
|
|||
|
|
@ -30,6 +30,7 @@
|
|||
}
|
||||
|
||||
.tabbrowser-tab[visuallyselected]:not([labelendaligned]):hover .tab-label-container,
|
||||
#tabbrowser-tabs:not([closebuttons=activetab]) > #pinned-tabs-container > .tabbrowser-tab:not([visuallyselected],[labelendaligned]):hover .tab-label-container,
|
||||
#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected],[labelendaligned]):hover .tab-label-container {
|
||||
--tab-label-mask-size: 0.9em; /* Original: 1em */
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,6 +19,11 @@
|
|||
}
|
||||
|
||||
#tabbrowser-tabs[closebuttons="activetab"] {
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab:not([pinned])
|
||||
> .tab-stack
|
||||
> .tab-content
|
||||
> .tab-close-button:not([selected]),
|
||||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab:not([pinned])
|
||||
> .tab-stack
|
||||
|
|
|
|||
|
|
@ -7,6 +7,26 @@
|
|||
background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
|
||||
}
|
||||
|
||||
#pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
#pinned-tabs-container
|
||||
> tab-group
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
#tabbrowser-tabs[orient="horizontal"]:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> tab-group
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
#tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
|
|
|
|||
|
|
@ -7,6 +7,17 @@
|
|||
}
|
||||
}
|
||||
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[multiselected]:not([selected]),
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> tab-group
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[multiselected]:not([selected]),
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@
|
|||
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
#pinned-tabs-container,
|
||||
#tabbrowser-arrowscrollbox {
|
||||
--start-tab-separator-position-x: -1.5px;
|
||||
--end-tab-separator-position-x: 1.5px;
|
||||
|
|
@ -69,6 +70,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
#pinned-tabs-container:not([orient="vertical"]):not(:empty):not(:has(.tabbrowser-tab[pinned]:is([visuallyselected], [multiselected], :hover):last-of-type)) ~ #tabbrowser-arrowscrollbox:not([orient="vertical"]) .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type .tab-stack::before,
|
||||
#tabbrowser-tabs:not([orient="vertical"]) .tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-of-type) .tab-stack::before {
|
||||
opacity: var(--tab-separator-opacity);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -48,6 +48,7 @@ spacer:is([part="overflow-start-indicator"], [part="overflow-end-indicator"]),
|
|||
}
|
||||
|
||||
/* Pinned */
|
||||
#tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned][selected="true"],
|
||||
#tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned][selected="true"] {
|
||||
position: relative !important;
|
||||
}
|
||||
|
|
@ -70,11 +71,12 @@ spacer:is([part="overflow-start-indicator"], [part="overflow-end-indicator"]),
|
|||
|
||||
/* Padding */
|
||||
@include _asTitlebar_preSpacer {
|
||||
#pinned-tabs-container,
|
||||
#tabbrowser-arrowscrollbox {
|
||||
margin-inline: 2px !important;
|
||||
}
|
||||
:root[sizemode="normal"] #tabbrowser-arrowscrollbox {
|
||||
margin-inline: 6px !important;
|
||||
:root[sizemode="normal"] & {
|
||||
margin-inline: 6px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -40,6 +40,7 @@ See the above repository for updates as well as full license text. */
|
|||
}
|
||||
|
||||
.scrollbox-clip[orient="horizontal"],
|
||||
#pinned-tabs-container,
|
||||
#tabbrowser-arrowscrollbox {
|
||||
overflow: -moz-hidden-unscrollable;
|
||||
display: block;
|
||||
|
|
|
|||
|
|
@ -46,6 +46,7 @@ spacer[part="overflow-start-indicator"] + .scrollbox-clip > scrollbox {
|
|||
}
|
||||
}
|
||||
|
||||
#pinned-tabs-container,
|
||||
#tabbrowser-arrowscrollbox {
|
||||
padding-inline-end: calc(16px + (var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) * 2) !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -241,6 +241,18 @@
|
|||
|
||||
/* Hard Coded */
|
||||
@include Option("userChrome.tab.color_like_toolbar") {
|
||||
:root[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] /* Legacy */
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][lwt-default-theme-in-dark-mode]
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected],
|
||||
:root[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] /* Legacy */
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #tabbrowser-arrowscrollbox
|
||||
|
|
|
|||
|
|
@ -342,6 +342,24 @@
|
|||
}
|
||||
}
|
||||
|
||||
:root#{$not_lwtheme}
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[multiselected]:not([selected]),
|
||||
:root[lwtheme-mozlightdark] /* Legacy */
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[multiselected]:not([selected]),
|
||||
:root:is([style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #pinned-tabs-container
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[multiselected]:not([selected]),
|
||||
:root#{$not_lwtheme}
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #tabbrowser-arrowscrollbox
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue