From 8764747ff1c3ee97ca16657a3eb91df8b2cbfcad Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 21 Jan 2023 09:25:38 +0200 Subject: [PATCH] floating findbar: Add preffed option to move findbar to left side --- chrome/floating_findbar_on_top.css | 37 ++++++++++++++++++++++-------- 1 file changed, 27 insertions(+), 10 deletions(-) diff --git a/chrome/floating_findbar_on_top.css b/chrome/floating_findbar_on_top.css index 2fe79db..30bd7a9 100644 --- a/chrome/floating_findbar_on_top.css +++ b/chrome/floating_findbar_on_top.css @@ -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 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{ -moz-box-ordinal-group: 0; @@ -55,18 +60,30 @@ findbar > .findbar-container{ border-radius: 4px } findbar > .findbar-container > hbox{ margin: 0 5px } - + findbar::before{ content:""; display: -moz-box; -moz-box-flex: 100; } -/* -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); -} \ No newline at end of file +@supports -moz-bool-pref("userchrome.floating-findbar-on-left.enabled"){ + findbar{ + -moz-box-direction: reverse; + } + findbar > .findbar-container{ + -moz-box-direction: normal; + 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); + } +}