Title: [237432] trunk/Source/WebInspectorUI
- Revision
- 237432
- Author
- [email protected]
- Date
- 2018-10-25 16:09:59 -0700 (Thu, 25 Oct 2018)
Log Message
Web Inspector: add corner rounding to the network timing "blocks"
https://bugs.webkit.org/show_bug.cgi?id=190379
Reviewed by Timothy Hatcher.
* UserInterface/Views/NetworkTableContentView.css:
(.waterfall .block):
(body[dir=ltr] .waterfall .block): Added.
(body[dir=rtl] .waterfall .block): Added.
(.network-table .waterfall .block + .block): Added.
(.network-table .waterfall .block.filler + .block, .network-table .waterfall .block:not(.request, .response) + :matches(.request, .response)): Added.
(.network-table .waterfall .block:last-child): Added.
Modified Paths
Diff
Modified: trunk/Source/WebInspectorUI/ChangeLog (237431 => 237432)
--- trunk/Source/WebInspectorUI/ChangeLog 2018-10-25 22:59:29 UTC (rev 237431)
+++ trunk/Source/WebInspectorUI/ChangeLog 2018-10-25 23:09:59 UTC (rev 237432)
@@ -1,5 +1,20 @@
2018-10-25 Devin Rousso <[email protected]>
+ Web Inspector: add corner rounding to the network timing "blocks"
+ https://bugs.webkit.org/show_bug.cgi?id=190379
+
+ Reviewed by Timothy Hatcher.
+
+ * UserInterface/Views/NetworkTableContentView.css:
+ (.waterfall .block):
+ (body[dir=ltr] .waterfall .block): Added.
+ (body[dir=rtl] .waterfall .block): Added.
+ (.network-table .waterfall .block + .block): Added.
+ (.network-table .waterfall .block.filler + .block, .network-table .waterfall .block:not(.request, .response) + :matches(.request, .response)): Added.
+ (.network-table .waterfall .block:last-child): Added.
+
+2018-10-25 Devin Rousso <[email protected]>
+
Web Inspector: display fullscreen enter/exit events in Timelines and Network node waterfalls
https://bugs.webkit.org/show_bug.cgi?id=189874
<rdar://problem/44700000>
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/NetworkTableContentView.css (237431 => 237432)
--- trunk/Source/WebInspectorUI/UserInterface/Views/NetworkTableContentView.css 2018-10-25 22:59:29 UTC (rev 237431)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/NetworkTableContentView.css 2018-10-25 23:09:59 UTC (rev 237432)
@@ -206,8 +206,39 @@
top: 8px;
min-width: 2px;
height: 4px;
+
+ --start-radius: 2px;
+ --end-radius: 2px;
}
+body[dir=ltr] .waterfall .block {
+ border-top-left-radius: var(--start-radius);
+ border-top-right-radius: var(--end-radius);
+ border-bottom-left-radius: var(--start-radius);
+ border-bottom-right-radius: var(--end-radius);
+}
+
+body[dir=rtl] .waterfall .block {
+ border-top-left-radius: var(--end-radius);
+ border-top-right-radius: var(--start-radius);
+ border-bottom-left-radius: var(--end-radius);
+ border-bottom-right-radius: var(--start-radius);
+}
+
+.network-table .waterfall .block + .block {
+ --start-radius: 0;
+ --end-radius: 0;
+}
+
+.network-table .waterfall .block.filler + .block,
+.network-table .waterfall .block:not(.request, .response) + :matches(.request, .response) {
+ --start-radius: 2px;
+}
+
+.network-table .waterfall .block:last-child {
+ --end-radius: 2px;
+}
+
.waterfall .block.request,
.waterfall .block.response {
top: 3px;
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
