luisgulo/WhiteSur-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed firefox 106 issues

Browse Source
This commit is contained in:
Vince 2022-11-12 01:06:59 +08:00
parent 6d03a64903
commit efb487a907
3 changed files with 83 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/other/firefox/Monterey/parts/tabsbar-alt.css
View File

@ -14,8 +14,13 @@
/* Tabs bar height */ /* Tabs bar height */
#tabbrowser-tabs, #tabbrowser-tabs,
#tabbrowser-tabs arrowscrollbox { #tabbrowser-tabs arrowscrollbox {
height: initial !important; height: 36px !important;
min-height: initial !important; min-height: 36px !important;
--tab-min-height: 36px !important;
}
.tab-background, .tab-stack {
min-height: 36px !important;
} }
tab > stack { tab > stack {
@ -243,6 +248,7 @@ tab > stack {
#tabs-newtab-button, #TabsToolbar #new-tab-button { #tabs-newtab-button, #TabsToolbar #new-tab-button {
margin: 0 2px !important; margin: 0 2px !important;
padding: 0 10px !important; padding: 0 10px !important;
border-radius: 8px !important;
} }
#TabsToolbar .toolbarbutton-1 image, #TabsToolbar .toolbarbutton-1 image,
@ -263,3 +269,28 @@ tab > stack {
height: 16px !important; height: 16px !important;
width: 16px !important; width: 16px !important;
} }
/* firefox-view-button */
:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs {
border-inline-start: none !important;
padding-inline-start: 0 !important;
margin-inline-start: 0 !important;
}
#firefox-view-button {
border-radius: 8px !important;
background: var(--gnome-tabbar-tab-background) !important;
}
#firefox-view-button:hover {
background: var(--gnome-tabbar-tab-hover-background) !important;
}
#firefox-view-button:checked, #firefox-view-button:active {
background: var(--gnome-tabbar-tab-active-background) !important;
}
#firefox-view-button > .toolbarbutton-icon {
filter: none !important;
box-shadow: none !important;
}

18
src/other/firefox/Monterey/parts/tabsbar.css
View File

@ -158,3 +158,21 @@ tab > stack {
height: 16px !important; height: 16px !important;
width: 16px !important; width: 16px !important;
} }
/* firefox-view-button */
:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs {
border-inline-start: none !important;
padding-inline-start: 0 !important;
margin-inline-start: -40px !important;
}
#firefox-view-button > .toolbarbutton-icon {
filter: none !important;
box-shadow: none !important;
}
/* Remove shadow next to tab scroll buttons */
.arrowscrollbox-overflow-start-indicator,
.arrowscrollbox-overflow-end-indicator {
display: none;
}

42
src/other/firefox/WhiteSur/parts/tabsbar.css
View File

@ -13,8 +13,13 @@
/* Tabs bar height */ /* Tabs bar height */
#tabbrowser-tabs, #tabbrowser-tabs,
#tabbrowser-tabs arrowscrollbox { #tabbrowser-tabs arrowscrollbox {
height: initial !important; height: 28px !important;
min-height: initial !important; min-height: 28px !important;
--tab-min-height: 28px !important;
}
.tab-background, .tab-stack {
min-height: 28px !important;
} }
/* Extra margin for the first and last tabs */ /* Extra margin for the first and last tabs */
@ -65,7 +70,7 @@
/* Space between tabs */ /* Space between tabs */
.tabbrowser-tab:not([pinned=true]) { .tabbrowser-tab:not([pinned=true]) {
margin: 0 0 !important; margin: 0 !important;
} }
/* Tab labels */ /* Tab labels */
@ -257,6 +262,13 @@ tab[selected]:-moz-window-inactive {
transition: all 200ms; transition: all 200ms;
} }
/* Tab hover */
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: var(--gnome-tabbar-tab-active-hover-background) !important;
border-image: none !important;
box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 -1px var(--gnome-toolbar-border-color) !important;
}
/* Active tab */ /* Active tab */
.tab-background[selected=true] { .tab-background[selected=true] {
background-color: var(--gnome-tabbar-tab-active-background) !important; background-color: var(--gnome-tabbar-tab-active-background) !important;
@ -276,13 +288,6 @@ tab[selected]:-moz-window-inactive {
border-image: none !important; border-image: none !important;
} }
/* Tab hover */
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: var(--gnome-tabbar-tab-active-hover-background) !important;
border-image: none !important;
box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 -1px var(--gnome-toolbar-border-color) !important;
}
/* Tabs scroll buttons hover */ /* Tabs scroll buttons hover */
#TabsToolbar .scrollbutton-up:not([disabled]):hover, #TabsToolbar .scrollbutton-down:not([disabled]):hover { #TabsToolbar .scrollbutton-up:not([disabled]):hover, #TabsToolbar .scrollbutton-down:not([disabled]):hover {
background-color: var(--gnome-tabbar-tab-active-hover-background) !important; background-color: var(--gnome-tabbar-tab-active-hover-background) !important;
@ -304,11 +309,28 @@ tab[selected]:-moz-window-inactive {
display: none !important; display: none !important;
} }
/* TabsToolbar buttons */
#TabsToolbar .toolbarbutton-1 { #TabsToolbar .toolbarbutton-1 {
margin: 0 !important; margin: 0 !important;
border-radius: 0 !important; border-radius: 0 !important;
} }
/* firefox-view-button */
:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs {
border-inline-start: 1px solid var(--gnome-toolbar-border-color) !important;
padding-inline-start: 0 !important;
margin-inline-start: 0 !important;
}
#firefox-view-button {
border-radius: 0 !important;
}
#firefox-view-button > .toolbarbutton-icon {
filter: none !important;
box-shadow: none !important;
}
/* Create new container tab indicator */ /* Create new container tab indicator */
.tabbrowser-tab[class*="identity-color-"] .tab-content::before { .tabbrowser-tab[class*="identity-color-"] .tab-content::before {
content: ""; content: "";