floating findbar: Add preffed option to move findbar to left side

This commit is contained in:
MrOtherGuy 2023-01-21 09:25:38 +02:00
parent 0e2b52fcaa
commit 8764747ff1

View file

@ -1,7 +1,12 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/floating_findbar_on_top.css made available under Mozilla Public License v. 2.0 /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/floating_findbar_on_top.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */ See the above repository for updates as well as full license text. */
/* Note that privacy.resistFingerprinting.letterboxing prevents this from working properly */ /* This style makes findbar appear as floating box at the top-right of the content area.
* If you want the findbar on left side instead then create a new pref
* userchrome.floating-findbar-on-left.enabled and set it to true and restart Firefox
*
* Note that privacy.resistFingerprinting.letterboxing prevents this from working properly
*/
findbar{ findbar{
-moz-box-ordinal-group: 0; -moz-box-ordinal-group: 0;
@ -55,18 +60,30 @@ findbar > .findbar-container{
border-radius: 4px border-radius: 4px
} }
findbar > .findbar-container > hbox{ margin: 0 5px } findbar > .findbar-container > hbox{ margin: 0 5px }
findbar::before{ findbar::before{
content:""; content:"";
display: -moz-box; display: -moz-box;
-moz-box-flex: 100; -moz-box-flex: 100;
} }
/* @supports -moz-bool-pref("userchrome.floating-findbar-on-left.enabled"){
Move findbar so it isn't over the scrollbar findbar{
Delete if you want findbar to begin from right window edge -moz-box-direction: reverse;
*/ }
findbar{ findbar > .findbar-container{
margin-right: 16px; -moz-box-direction: normal;
border-right: 1px solid var(--chrome-content-separator-color); margin-inline-start: 0 !important;
} border-inline-width: 0px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 4px;
}
/*
Move findbar so it isn't over the scrollbar
Delete if you want findbar to begin from right window edge
*/
findbar{
margin-right: 16px;
border-right: 1px solid var(--chrome-content-separator-color);
}
}