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:
parent
357e5bc0b4
commit
1a9cbceb7c
1 changed files with 16 additions and 2 deletions
|
@ -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{
|
||||||
|
|
Loading…
Reference in a new issue