Changeset 196634 in webkit

Timestamp:

Feb 16, 2016 8:42:10 AM (8 years ago)

Author:

Nikita Vasilyev

Message:

Web Inspector: Increase the width of the find banner's search field
​https://bugs.webkit.org/show_bug.cgi?id=154284

Reviewed by Timothy Hatcher.

• UserInterface/Views/FindBanner.css:

(.find-banner > input[type="search"]):
Keep the minimum width the same as the current width.

(body .find-banner.console-find-banner):
Overwrite ".navigation-bar .item {flex-wrap: nowrap}".

Location:

trunk/Source/WebInspectorUI

Files:

• ChangeLog (modified) (1 diff)
• UserInterface/Views/FindBanner.css (modified) (2 diffs)

trunk/Source/WebInspectorUI/ChangeLog

@@ +1 @@
+2016-02-16  Nikita Vasilyev  <nvasilyev@apple.com>
+
+        Web Inspector: Increase the width of the find banner's search field
+        https://bugs.webkit.org/show_bug.cgi?id=154284
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/FindBanner.css:
+        (.find-banner > input[type="search"]):
+        Keep the minimum width the same as the current width.
+
+        (body .find-banner.console-find-banner):
+        Overwrite ".navigation-bar .item {flex-wrap: nowrap}".
+
 2016-02-15  Nikita Vasilyev  <nvasilyev@apple.com>
 

trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css

@@ -80 +80 @@
     margin: 1px 4px;
 
-    width: 143px;
+    width: 30vw;
+    min-width: 143px;
+    max-width: 210px;
     height: 19px;
 
@@ -194 +196 @@
     top: auto;
     border: 0;
+}
+
+body .find-banner.console-find-banner {
+    flex-wrap: nowrap;
 }