Changeset 199085 in webkit

Timestamp:

Apr 5, 2016 4:56:48 PM (8 years ago)

Author:

timothy@apple.com

Message:

Web Inspector: Make the Timelines sidebar wider

​https://bugs.webkit.org/show_bug.cgi?id=156257
rdar://problem/25564218

Reviewed by Joseph Pecoraro.

• UserInterface/Views/TimelineOverview.css:

(.timeline-overview): Added. Set define --timeline-sidebar-width.
(.timeline-overview > .navigation-bar.timelines): Use --timeline-sidebar-width.
(.timeline-overview > .tree-outline.timelines): Ditto.
(.timeline-overview > .scroll-container): Ditto.
(.timeline-overview > .timeline-ruler): Ditto.
(.timeline-overview > .graphs-container): Ditto.

Location:

trunk/Source/WebInspectorUI

Files:

• ChangeLog (modified) (1 diff)
• UserInterface/Views/TimelineOverview.css (modified) (6 diffs)

trunk/Source/WebInspectorUI/ChangeLog

@@ +1 @@
+2016-04-05  Timothy Hatcher  <timothy@apple.com>
+
+        Web Inspector: Make the Timelines sidebar wider
+
+        https://bugs.webkit.org/show_bug.cgi?id=156257
+        rdar://problem/25564218
+
+        Reviewed by Joseph Pecoraro.
+
+        * UserInterface/Views/TimelineOverview.css:
+        (.timeline-overview): Added. Set define --timeline-sidebar-width.
+        (.timeline-overview > .navigation-bar.timelines): Use --timeline-sidebar-width.
+        (.timeline-overview > .tree-outline.timelines): Ditto.
+        (.timeline-overview > .scroll-container): Ditto.
+        (.timeline-overview > .timeline-ruler): Ditto.
+        (.timeline-overview > .graphs-container): Ditto.
+
 2016-04-05  Timothy Hatcher  <timothy@apple.com>
 

trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css

@@ -24 +24 @@
  */
 
+.timeline-overview {
+    --timeline-sidebar-width: 197px;
+}
+
 .timeline-overview > .navigation-bar.timelines {
     justify-content: flex-start;
@@ -29 +33 @@
     top: 0;
     left: 0;
-    width: 185px;
+    width: var(--timeline-sidebar-width);
     height: 23px;
 
@@ -60 +64 @@
     top: 23px;
     left: 0;
-    width: 185px;
+    width: var(--timeline-sidebar-width);
     z-index: var(--z-index-header);
     background-color: var(--panel-background-color);
@@ -115 +119 @@
 .timeline-overview > .scroll-container {
     position: absolute;
-    left: 185px;
+    left: var(--timeline-sidebar-width);
     right: 0;
     bottom: 0;
@@ -146 +150 @@
     position: absolute;
     top: 0;
-    left: 185px;
+    left: var(--timeline-sidebar-width);
     bottom: 0;
     right: 0;
@@ -179 +183 @@
     position: absolute;
     top: 23px;
-    left: 185px;
+    left: var(--timeline-sidebar-width);
     bottom: 0;
     right: 0;