Fixed firefox 106 issues

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

View file

@ -14,8 +14,13 @@
/* Tabs bar height */
#tabbrowser-tabs,
#tabbrowser-tabs arrowscrollbox {
height: initial !important;
min-height: initial !important;
height: 36px !important;
min-height: 36px !important;
--tab-min-height: 36px !important;
}
.tab-background, .tab-stack {
min-height: 36px !important;
}
tab > stack {
@ -243,6 +248,7 @@ tab > stack {
#tabs-newtab-button, #TabsToolbar #new-tab-button {
margin: 0 2px !important;
padding: 0 10px !important;
border-radius: 8px !important;
}
#TabsToolbar .toolbarbutton-1 image,
@ -263,3 +269,28 @@ tab > stack {
height: 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;
}

View file

@ -158,3 +158,21 @@ tab > stack {
height: 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;
}

View file

@ -13,8 +13,13 @@
/* Tabs bar height */
#tabbrowser-tabs,
#tabbrowser-tabs arrowscrollbox {
height: initial !important;
min-height: initial !important;
height: 28px !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 */
@ -65,7 +70,7 @@
/* Space between tabs */
.tabbrowser-tab:not([pinned=true]) {
margin: 0 0 !important;
margin: 0 !important;
}
/* Tab labels */
@ -257,6 +262,13 @@ tab[selected]:-moz-window-inactive {
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 */
.tab-background[selected=true] {
background-color: var(--gnome-tabbar-tab-active-background) !important;
@ -276,13 +288,6 @@ tab[selected]:-moz-window-inactive {
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 */
#TabsToolbar .scrollbutton-up:not([disabled]):hover, #TabsToolbar .scrollbutton-down:not([disabled]):hover {
background-color: var(--gnome-tabbar-tab-active-hover-background) !important;
@ -304,11 +309,28 @@ tab[selected]:-moz-window-inactive {
display: none !important;
}
/* TabsToolbar buttons */
#TabsToolbar .toolbarbutton-1 {
margin: 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 */
.tabbrowser-tab[class*="identity-color-"] .tab-content::before {
content: "";