Title: [226076] trunk/Source/WebInspectorUI
Revision
226076
Author
[email protected]
Date
2017-12-18 13:51:00 -0800 (Mon, 18 Dec 2017)

Log Message

Web Inspector: Canvas tab: placeholder/help text wrapping looks poor at narrow widths
https://bugs.webkit.org/show_bug.cgi?id=180943
<rdar://problem/36114431>

Reviewed by Timothy Hatcher.

* UserInterface/Views/ContentView.css:
(.content-view > .message-text-view > .description):
* UserInterface/Views/Main.css:
(.message-text-view .navigation-item-help):
(.message-text-view .navigation-item-help .navigation-bar):
(.message-text-view .navigation-item-help .navigation-bar > .item):

Modified Paths

Diff

Modified: trunk/Source/WebInspectorUI/ChangeLog (226075 => 226076)


--- trunk/Source/WebInspectorUI/ChangeLog	2017-12-18 21:49:07 UTC (rev 226075)
+++ trunk/Source/WebInspectorUI/ChangeLog	2017-12-18 21:51:00 UTC (rev 226076)
@@ -1,3 +1,18 @@
+2017-12-18  Matt Baker  <[email protected]>
+
+        Web Inspector: Canvas tab: placeholder/help text wrapping looks poor at narrow widths
+        https://bugs.webkit.org/show_bug.cgi?id=180943
+        <rdar://problem/36114431>
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/ContentView.css:
+        (.content-view > .message-text-view > .description):
+        * UserInterface/Views/Main.css:
+        (.message-text-view .navigation-item-help):
+        (.message-text-view .navigation-item-help .navigation-bar):
+        (.message-text-view .navigation-item-help .navigation-bar > .item):
+
 2017-12-18  Devin Rousso  <[email protected]>
 
         REGRESSION (r225569): Web Inspector: Commented out properties aren't properly highlighted

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ContentView.css (226075 => 226076)


--- trunk/Source/WebInspectorUI/UserInterface/Views/ContentView.css	2017-12-18 21:49:07 UTC (rev 226075)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ContentView.css	2017-12-18 21:51:00 UTC (rev 226076)
@@ -62,3 +62,7 @@
     font-weight: 600;
     letter-spacing: 0.02em;
 }
+
+.content-view > .message-text-view > .description {
+    line-height: 22px;
+}

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Main.css (226075 => 226076)


--- trunk/Source/WebInspectorUI/UserInterface/Views/Main.css	2017-12-18 21:49:07 UTC (rev 226075)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Main.css	2017-12-18 21:51:00 UTC (rev 226076)
@@ -190,23 +190,21 @@
 }
 
 .message-text-view .navigation-item-help {
-    display: inline-flex;
-    padding: 10px 0;
+    display: block;
+    line-height: 22px;
 }
 
 .message-text-view .navigation-item-help .navigation-bar {
-    height: auto;
+    display: inline-flex;
+    height: 20px;
     padding: 0 4px;
     border-bottom: none;
-    overflow: visible;
+    vertical-align: middle;
 }
 
 .message-text-view .navigation-item-help .navigation-bar > .item {
-    /* Adjust button top by the border thickness, to keep button text on the baseline. */
-    position: relative;
-    top: -1px;
-
-    padding: 1px 4px;
+    height: 100%;
+    padding: 0 4px;
     font-size: 11px;
     border-radius: 4px;
     border: solid 1px var(--border-color);
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to