Web Inspector: Update slider styles
authornvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 18 Aug 2015 05:55:36 +0000 (05:55 +0000)
committernvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 18 Aug 2015 05:55:36 +0000 (05:55 +0000)
https://bugs.webkit.org/show_bug.cgi?id=148120

Reviewed by Timothy Hatcher.

* UserInterface/Views/Main.css:
(input[type=range]):
(input[type=range]::-webkit-slider-runnable-track::before):

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

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

index 724b8c1..7eb228d 100644 (file)
@@ -1,3 +1,14 @@
+2015-08-17  Nikita Vasilyev  <nvasilyev@apple.com>
+
+        Web Inspector: Update slider styles
+        https://bugs.webkit.org/show_bug.cgi?id=148120
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/Main.css:
+        (input[type=range]):
+        (input[type=range]::-webkit-slider-runnable-track::before):
+
 2015-08-17  Devin Rousso  <drousso@apple.com>
 
         Web Inspector: font-family list is backwards in visual sidebar
index 1897131..34fdc7b 100644 (file)
@@ -111,6 +111,18 @@ body.docked.bottom #toolbar .item:not(.flexible-space) {
     cursor: default;
 }
 
+input[type=range] {
+    -webkit-appearance: none;
+}
+
+input[type=range]::-webkit-slider-runnable-track::before {
+    content: "";
+    display: block;
+    background: hsl(212, 92%, 54%);
+    height: 1px;
+    margin: 8px 2px -8px 2px;
+}
+
 #main {
     display: flex;
     flex: 1;