diff --git a/README.md b/README.md index 5cb5ccc..537d8d6 100644 --- a/README.md +++ b/README.md @@ -22,6 +22,8 @@ Once this is done, you can modify your userChrome.css and include `@import` stat @import url(firefox-userchrome/sidebar-hover-reveal.css); @import url(firefox-userchrome/sidebar-remove-bottom-buttons.css); @import url(firefox-userchrome/sidebar-remove-browser-outline.css); +@import url(firefox-userchrome/toolbox-hover-reveal.css); +@import url(firefox-userchrome/url-searchbar-hide-extension-page.css); @import url(firefox-userchrome/url-searchbar-rounded.css); @import url(firefox-userchrome/url-searchbar-translucent.css); @import url(firefox-userchrome/custom-browser-pane-margin-and-rounding.css); diff --git a/sidebar-hover-reveal.css b/sidebar-hover-reveal.css index 24ecb2c..983d32f 100644 --- a/sidebar-hover-reveal.css +++ b/sidebar-hover-reveal.css @@ -8,20 +8,17 @@ --sidebar-transition-duration: 0.15s; } -#sidebar-main:not(:hover) { - width: var(--sidebar-not-hovered-width) !important; -} - -#sidebar-main:hover { - margin-right: calc(-1 * (var(--sidebar-hovered-width) - 50px)) !important; - width: var(--sidebar-hovered-width) !important; -} - #sidebar-main { + width: var(--sidebar-not-hovered-width) !important; transition: var(--sidebar-transition-duration) !important; z-index: 5 !important; } +#sidebar-main:hover, #sidebar-main:active, #sidebar-main:focus, #sidebar-main:focus-within { + margin-right: calc(-1 * (var(--sidebar-hovered-width) - 50px)) !important; + width: var(--sidebar-hovered-width) !important; +} + #tabbrowser-tabs[orient="vertical"] { &:not([expanded]) { & .tab-label-container, & .tab-close-button { diff --git a/toolbox-hover-reveal.css b/toolbox-hover-reveal.css new file mode 100644 index 0000000..763480f --- /dev/null +++ b/toolbox-hover-reveal.css @@ -0,0 +1,26 @@ +#navigator-toolbox { + opacity: 0; + margin-top: -32px; + + + position: relative; + top: 0px; + + transition: all 0.25s, background-color var(--inactive-window-transition) !important; + + & * { + opacity: 0; + } +} + +#navigator-toolbox:hover, #navigator-toolbox:active, #navigator-toolbox:focus, #navigator-toolbox:focus-within { + opacity: 1; + top: 32px; + + z-index: 6 !important; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); + + & * { + opacity: 1; + } +} \ No newline at end of file