pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

floating findbar: Make the style default to left-side placement

Browse source 
Findbar items are normally at left-side in Firefox so this fits better.
This commit is contained in:
MrOtherGuy 2023-01-21 09:56:17 +02:00
parent 8764747ff1
commit ab3a999c3b
1 changed files with 16 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
chrome/floating_findbar_on_top.css
View file

@ -1,9 +1,9 @@
/* 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. */
/* This style makes findbar appear as floating box at the top-right of the content area. /* This style makes findbar appear as floating box at the top-left of the content area.
* If you want the findbar on left side instead then create a new pref * If you want the findbar on right side instead then create a new pref
* userchrome.floating-findbar-on-left.enabled and set it to true and restart Firefox * userchrome.floating-findbar-on-right.enabled and set it to true and restart Firefox
* *
* Note that privacy.resistFingerprinting.letterboxing prevents this from working properly * Note that privacy.resistFingerprinting.letterboxing prevents this from working properly
*/ */
@ -34,11 +34,12 @@ findbar > .close-icon{
background: var(--uc-light-bkgnd-color,var(--toolbar-bgcolor)) !important; background: var(--uc-light-bkgnd-color,var(--toolbar-bgcolor)) !important;
pointer-events: auto; pointer-events: auto;
} }
findbar > .findbar-container{ findbar > .findbar-container{
-moz-box-direction: reverse; border-bottom-right-radius: 4px;
border-left-width: 1px; border-right-width: 1px;
border-bottom-left-radius: 4px;
height: initial !important; height: initial !important;
margin-inline: 0px !important;
} }
.findbar-find-status{ .findbar-find-status{
@ -47,12 +48,13 @@ findbar > .findbar-container{
text-overflow: ellipsis; text-overflow: ellipsis;
-moz-box-flex: 1; -moz-box-flex: 1;
} }
.findbar-closebutton{ .findbar-closebutton{
margin: 0 !important; margin: 0 !important;
border-radius: 0 !important; border-radius: 0 !important;
padding: 5px !important; padding: 5px !important;
width: initial !important; width: initial !important;
-moz-box-ordinal-group: 0;
} }
.findbar-closebutton > image{ padding: 3px } .findbar-closebutton > image{ padding: 3px }
.findbar-closebutton:hover > image{ .findbar-closebutton:hover > image{
@ -61,22 +63,21 @@ findbar > .findbar-container{
} }
findbar > .findbar-container > hbox{ margin: 0 5px } findbar > .findbar-container > hbox{ margin: 0 5px }
findbar::before{ findbar::after{
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"){ @supports -moz-bool-pref("userchrome.floating-findbar-on-right.enabled"){
findbar{ findbar{
-moz-box-direction: reverse; -moz-box-direction: reverse;
} }
findbar > .findbar-container{ findbar > .findbar-container{
-moz-box-direction: normal; -moz-box-direction: reverse;
margin-inline-start: 0 !important; border-inline-width: 1px 0px;
border-inline-width: 0px 1px; border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
} }
/* /*
Move findbar so it isn't over the scrollbar Move findbar so it isn't over the scrollbar