diff --git a/theme/icons/firefox-symbolic.svg b/theme/icons/firefox-symbolic.svg new file mode 100644 index 0000000..84c30e7 --- /dev/null +++ b/theme/icons/firefox-symbolic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/theme/parts/icons.css b/theme/parts/icons.css index 05d2b27..2b93b87 100644 --- a/theme/parts/icons.css +++ b/theme/parts/icons.css @@ -298,6 +298,11 @@ button.close::before { list-style-image: url("../icons/audio-muted-symbolic.svg") !important; } +/* Firefox View */ +#firefox-view-button { + list-style-image: url("../icons/firefox-symbolic.svg") !important; +} + /* Private browsing button */ #privatebrowsing-button { list-style-image: url("../icons/eye-not-looking-symbolic.svg") !important; diff --git a/theme/parts/tabsbar.css b/theme/parts/tabsbar.css index a073337..451d025 100644 --- a/theme/parts/tabsbar.css +++ b/theme/parts/tabsbar.css @@ -86,6 +86,7 @@ spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] { border-radius: 6px !important; margin: 5px 3px 6px !important; padding: 0 9px !important; + min-height: 34px !important; } #TabsToolbar .toolbarbutton-1:not([disabled]):not(:active):not([open]):hover { background-color: var(--gnome-tabbar-tab-hover-background) !important; @@ -95,7 +96,7 @@ spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] { } /* Fake tabsbar border */ -#tabbrowser-arrowscrollbox::after { +#TabsToolbar::after { content: ""; display: block; width: 200%; @@ -109,11 +110,6 @@ spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] { z-index: 6; } -#tabbrowser-tabs[movingtab=true] #tabbrowser-arrowscrollbox::after { - bottom: unset; - top: 44px; -} - /* Tab */ .tabbrowser-tab { border: 0 !important; @@ -132,6 +128,7 @@ spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] { } /* Tab separators */ +#TabsToolbar #firefox-view-button::after, .tabbrowser-tab:not([selected], :hover, [last-visible-tab="true"], [beforeselected-visible="true"], [beforehovered="true"])::after { content: ""; display: block; @@ -143,6 +140,9 @@ spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] { .tabbrowser-tab::after { right: -.5px; } +#TabsToolbar #firefox-view-button::after { + left: 39px; +} /* Tab labels */ tab { @@ -442,6 +442,20 @@ tab { } } +/* Firefox View */ +#TabsToolbar #firefox-view-button .toolbarbutton-icon { + box-shadow: none !important; + fill: var(--gnome-toolbar-icon-fill) !important; + height: 16px !important; + opacity: 1 !important; + width: 16px !important; +} +:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs { + border-inline-start: 0 !important; + padding-inline-start: var(--tab-overflow-pinned-tabs-width) !important; + margin-inline-start: 0 !important; +} + /* OPTIONAL: Hide single tab */ @supports -moz-bool-pref("gnomeTheme.hideSingleTab") { #tabbrowser-tabs tab:only-of-type {