diff --git a/src/tabbar/_fill_width.scss b/src/tabbar/_fill_width.scss new file mode 100644 index 0000000..2da94c5 --- /dev/null +++ b/src/tabbar/_fill_width.scss @@ -0,0 +1,8 @@ +// Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_fill_available_width.css made available under Mozilla Public License v. 2.0 +// See the above repository for updates as well as full license text. + +/* Why 100vw? Tab closing requires width animation to end and "none" can't be animated */ +.tabbrowser-tab[fadein]:not([style^="max-width"]) { + --tab-max-width: 100vw; + max-width: var(--tab-max-width) !important; +} diff --git a/src/urlbar/_home_button.scss b/src/urlbar/_home_button.scss new file mode 100644 index 0000000..3fb5a18 --- /dev/null +++ b/src/urlbar/_home_button.scss @@ -0,0 +1,31 @@ +#nav-bar-customization-target > #home-button { + z-index: 3; + position: relative; + + background-color: var(--toolbar-bgcolor) !important; + background-clip: content-box !important; + border-radius: 100%; + + padding-block: 0 !important; + padding-inline-end: 0 !important; + + > .toolbarbutton-icon { + background-color: var(--uc-combined-circlebutton-background); + background-origin: padding-box; + background-clip: padding-box; + border: 1px solid var(--uc-combined-circlebutton-border-color); + border-radius: 10000px !important; + + padding-inline-end: var(--urlbar-icon-padding) !important; + height: auto !important + } + &:hover > .toolbarbutton-icon { + background-color: var(--uc-combined-circlebutton-hover-background) !important; + box-shadow: 0 1px 6px hsla(0,0%,0%,.1); + border-color: hsla(240,5%,5%,.35); + } + &:hover:active > .toolbarbutton-icon { + background-color: var(--uc-combined-circlebutton-active-background) !important; + border-color: hsla(240,5%,5%,.40); + } +}