From 1a9cbceb7cfb445015150f8d7a1036664c71c354 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Sat, 6 Nov 2021 12:10:00 +0200
Subject: [PATCH] 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.
---
 chrome/floating_findbar_on_top.css | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/chrome/floating_findbar_on_top.css b/chrome/floating_findbar_on_top.css
index 018d3ed..d208d0d 100644
--- a/chrome/floating_findbar_on_top.css
+++ b/chrome/floating_findbar_on_top.css
@@ -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{