Fixed firefox 106 issues
This commit is contained in:
parent
6d03a64903
commit
efb487a907
3 changed files with 83 additions and 12 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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: "";
|
||||
|
|
Loading…
Reference in a new issue