Title: [199085] trunk/Source/WebInspectorUI
Revision
199085
Author
[email protected]
Date
2016-04-05 16:56:48 -0700 (Tue, 05 Apr 2016)

Log 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.

Modified Paths

Diff

Modified: trunk/Source/WebInspectorUI/ChangeLog (199084 => 199085)


--- trunk/Source/WebInspectorUI/ChangeLog	2016-04-05 23:50:34 UTC (rev 199084)
+++ trunk/Source/WebInspectorUI/ChangeLog	2016-04-05 23:56:48 UTC (rev 199085)
@@ -1,5 +1,22 @@
 2016-04-05  Timothy Hatcher  <[email protected]>
 
+        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  <[email protected]>
+
         Web Inspector: Command-Option-R opens Inspector details sidebar or Responsive Design Mode, should only do one
 
         https://bugs.webkit.org/show_bug.cgi?id=156258

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css (199084 => 199085)


--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css	2016-04-05 23:50:34 UTC (rev 199084)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css	2016-04-05 23:56:48 UTC (rev 199085)
@@ -23,12 +23,16 @@
  * THE POSSIBILITY OF SUCH DAMAGE.
  */
 
+.timeline-overview {
+    --timeline-sidebar-width: 197px;
+}
+
 .timeline-overview > .navigation-bar.timelines {
     justify-content: flex-start;
     position: absolute;
     top: 0;
     left: 0;
-    width: 185px;
+    width: var(--timeline-sidebar-width);
     height: 23px;
 
     box-sizing: border-box;
@@ -59,7 +63,7 @@
     position: absolute;
     top: 23px;
     left: 0;
-    width: 185px;
+    width: var(--timeline-sidebar-width);
     z-index: var(--z-index-header);
     background-color: var(--panel-background-color);
     border-right: 1px solid var(--border-color);
@@ -114,7 +118,7 @@
 
 .timeline-overview > .scroll-container {
     position: absolute;
-    left: 185px;
+    left: var(--timeline-sidebar-width);
     right: 0;
     bottom: 0;
     height: 16px;
@@ -145,7 +149,7 @@
 .timeline-overview > .timeline-ruler {
     position: absolute;
     top: 0;
-    left: 185px;
+    left: var(--timeline-sidebar-width);
     bottom: 0;
     right: 0;
 }
@@ -178,7 +182,7 @@
 .timeline-overview > .graphs-container {
     position: absolute;
     top: 23px;
-    left: 185px;
+    left: var(--timeline-sidebar-width);
     bottom: 0;
     right: 0;
 }
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to