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.
This commit is contained in:
MrOtherGuy
2021-11-06 12:10:00 +02:00
parent 357e5bc0b4
commit 1a9cbceb7c
+16 -2
View File
@@ -35,9 +35,23 @@ findbar > .findbar-container{
border-bottom-left-radius: 4px;
}
.findbar-closebutton{ margin: 0 !important; border-radius: 0 !important; padding: 5px !important; }
.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-closebutton:hover > image{
background: var(--toolbarbutton-hover-background) !important;
border-radius: 4px
}
findbar > .findbar-container > hbox{ margin: 0 5px }
findbar::before{