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

View file

@ -35,9 +35,23 @@ findbar > .findbar-container{
border-bottom-left-radius: 4px; 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 > 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 > .findbar-container > hbox{ margin: 0 5px }
findbar::before{ findbar::before{