Web Inspector: Canvas tab: placeholder/help text wrapping looks poor at narrow widths
authormattbaker@apple.com <mattbaker@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 18 Dec 2017 21:51:00 +0000 (21:51 +0000)
committermattbaker@apple.com <mattbaker@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 18 Dec 2017 21:51:00 +0000 (21:51 +0000)
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):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@226076 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Source/WebInspectorUI/ChangeLog
Source/WebInspectorUI/UserInterface/Views/ContentView.css
Source/WebInspectorUI/UserInterface/Views/Main.css

index 7335a8c..4ef79cf 100644 (file)
@@ -1,3 +1,18 @@
+2017-12-18  Matt Baker  <mattbaker@apple.com>
+
+        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  <webkit@devinrousso.com>
 
         REGRESSION (r225569): Web Inspector: Commented out properties aren't properly highlighted
index 3fad9c3..4957b6f 100644 (file)
@@ -62,3 +62,7 @@
     font-weight: 600;
     letter-spacing: 0.02em;
 }
+
+.content-view > .message-text-view > .description {
+    line-height: 22px;
+}
index 69ddb49..124f47d 100644 (file)
@@ -190,23 +190,21 @@ body.docked:matches(.right, .left) #navigation-sidebar.collapsed > .resizer {
 }
 
 .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);