Web Inspector: Settings tab sections overlap each other in docked Inspector window
authornvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 10 Nov 2016 01:11:36 +0000 (01:11 +0000)
committernvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 10 Nov 2016 01:11:36 +0000 (01:11 +0000)
https://bugs.webkit.org/show_bug.cgi?id=164564

Reviewed by Joseph Pecoraro.

* UserInterface/Views/SettingsTabContentView.css:
(.content-view.settings):
Make settings sections non-shrinkable and make the content view vertically scrollable.

(.content-view.settings > .setting-container):
Set vertical padding that looks good for non-shrinkable sections.

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

Source/WebInspectorUI/ChangeLog
Source/WebInspectorUI/UserInterface/Views/SettingsTabContentView.css

index cb92f9b..02b0051 100644 (file)
@@ -1,5 +1,19 @@
 2016-11-09  Nikita Vasilyev  <nvasilyev@apple.com>
 
+        Web Inspector: Settings tab sections overlap each other in docked Inspector window
+        https://bugs.webkit.org/show_bug.cgi?id=164564
+
+        Reviewed by Joseph Pecoraro.
+
+        * UserInterface/Views/SettingsTabContentView.css:
+        (.content-view.settings):
+        Make settings sections non-shrinkable and make the content view vertically scrollable.
+
+        (.content-view.settings > .setting-container):
+        Set vertical padding that looks good for non-shrinkable sections.
+
+2016-11-09  Nikita Vasilyev  <nvasilyev@apple.com>
+
         Web Inspector: Settings tab: Checkbox labels should be clickable
         https://bugs.webkit.org/show_bug.cgi?id=164470
         <rdar://problem/29133787>
index 276238f..15224a8 100644 (file)
@@ -24,8 +24,7 @@
  */
 
 .content-view.settings {
-    display: flex;
-    flex-direction: column;
+    overflow-y: auto;
     font-weight: lighter;
 }
 
@@ -38,7 +37,7 @@
 .content-view.settings > .setting-container {
     display: flex;
     align-items: center;
-    padding: 10px;
+    padding: 0.5em;
     font-size: 14px;
 }