fenix-fox/chrome/floating_findbar_on_top.css
MrOtherGuy 1a9cbceb7c floating-findbar: make findbar-status able to be clipped
Before this change, the status would show fully, so on narrow windows
the input controls and close button would be pushed out of the window.
Now the status text will instead get clipped.
2021-11-06 12:10:00 +02:00

70 lines
No EOL
1.8 KiB
CSS

/* 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 */
findbar{
-moz-box-ordinal-group: 0;
margin-bottom: -33px;
position: relative;
border-top: none !important;
padding: 0 !important;
transition: transform 82ms linear, opacity 82ms linear 32ms !important;
background: none !important;
pointer-events: none;
z-index: 1;
}
.findbar-container > .findbar-find-fast{
padding: var(--toolbarbutton-inner-padding) 1px;
margin: 0 !important;
}
findbar[hidden]{ transform: translateY(-30px);}
findbar > .findbar-container,
findbar > .close-icon{
border: 1px solid var(--chrome-content-separator-color);
border-width: 0 0 1px 0px;
background: var(--uc-light-bkgnd-color,var(--toolbar-bgcolor)) !important;
pointer-events: auto;
}
findbar > .findbar-container{
-moz-box-direction: reverse;
border-left-width: 1px;
border-bottom-left-radius: 4px;
}
.findbar-find-status{
display: -moz-box;
overflow: hidden;
text-overflow: ellipsis;
-moz-box-flex: 1;
}
.findbar-closebutton{
margin: 0 !important;
border-radius: 0 !important;
padding: 5px !important;
}
.findbar-closebutton > image{ padding: 3px }
.findbar-closebutton:hover > image{
background: var(--toolbarbutton-hover-background) !important;
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);
}