cameron/firefox-userchrome
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

A couple more mods.

Browse source
This commit is contained in:
Cameron Redmore 2024-12-13 20:52:32 +00:00
parent bd3f358e16
commit 735e50b485
3 changed files with 34 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -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);

15
sidebar-hover-reveal.css
View file

@ -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 {

26
toolbox-hover-reveal.css Normal file
View file

@ -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;
}
}