Web Inspector: Memory timeline pie charts are misaligned when there is no recording
authorcommit-queue@webkit.org <commit-queue@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 14 Mar 2016 05:57:39 +0000 (05:57 +0000)
committercommit-queue@webkit.org <commit-queue@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 14 Mar 2016 05:57:39 +0000 (05:57 +0000)
https://bugs.webkit.org/show_bug.cgi?id=155421

Patch by Devin Rousso <dcrousso+webkit@gmail.com> on 2016-03-13
Reviewed by Timothy Hatcher.

* UserInterface/Views/MemoryTimelineView.css:
(.timeline-view.memory > .content > .overview):
Removed top padding to match bottom padding.

(.timeline-view.memory .legend > .row):
(.timeline-view.memory .legend):
Moved specified width to prevent unrecorded timelines from having graphs
that are offset horizontally.

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

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

index 0c24d49..209e20a 100644 (file)
@@ -1,5 +1,21 @@
 2016-03-13  Devin Rousso  <dcrousso+webkit@gmail.com>
 
+        Web Inspector: Memory timeline pie charts are misaligned when there is no recording
+        https://bugs.webkit.org/show_bug.cgi?id=155421
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/MemoryTimelineView.css:
+        (.timeline-view.memory > .content > .overview):
+        Removed top padding to match bottom padding.
+
+        (.timeline-view.memory .legend > .row):
+        (.timeline-view.memory .legend):
+        Moved specified width to prevent unrecorded timelines from having graphs
+        that are offset horizontally.
+
+2016-03-13  Devin Rousso  <dcrousso+webkit@gmail.com>
+
         Web Inspector: REGRESSION: Styles sidebar inline swatches are oddly shaped
         https://bugs.webkit.org/show_bug.cgi?id=155410
 
index d3e4be5..2b94638 100644 (file)
@@ -34,7 +34,7 @@
 }
 
 .timeline-view.memory > .content > .overview {
-    padding: 10px;
+    padding-bottom: 10px;
     margin-bottom: 10px;
     border-bottom: 1px solid var(--border-color);
 }
 }
 
 .timeline-view.memory .legend {
-    width: 100px;
     padding-left: 20px;
     text-align: left;
 }
 
 .timeline-view.memory .legend > .row {
     position: relative;
+    width: 100px;
     height: 27px;
 }