Title: [196634] trunk/Source/WebInspectorUI
Revision
196634
Author
[email protected]
Date
2016-02-16 08:42:10 -0800 (Tue, 16 Feb 2016)

Log 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}".

Modified Paths

Diff

Modified: trunk/Source/WebInspectorUI/ChangeLog (196633 => 196634)


--- trunk/Source/WebInspectorUI/ChangeLog	2016-02-16 10:00:15 UTC (rev 196633)
+++ trunk/Source/WebInspectorUI/ChangeLog	2016-02-16 16:42:10 UTC (rev 196634)
@@ -1,3 +1,17 @@
+2016-02-16  Nikita Vasilyev  <[email protected]>
+
+        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  <[email protected]>
 
         Web Inspector: Non-overlay scrollbars obscure the ends of lines in the console and sidebars

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css (196633 => 196634)


--- trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css	2016-02-16 10:00:15 UTC (rev 196633)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css	2016-02-16 16:42:10 UTC (rev 196634)
@@ -79,7 +79,9 @@
 .find-banner > input[type="search"] {
     margin: 1px 4px;
 
-    width: 143px;
+    width: 30vw;
+    min-width: 143px;
+    max-width: 210px;
     height: 19px;
 
     vertical-align: top;
@@ -195,6 +197,10 @@
     border: 0;
 }
 
+body .find-banner.console-find-banner {
+    flex-wrap: nowrap;
+}
+
 .find-banner.console-find-banner > input[type="search"] {
     padding-top: 0;
     margin: 1px 6px;
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to