Web Inspector: Display Named Flows in the Tabbed Pane of the "CSS Named Flows" Drawer
[WebKit-https.git] / Source / WebCore / inspector / front-end / cssNamedFlows.css
index 523a516..d090b2e 100644 (file)
     position: relative;
 }
 
-.css-named-flow-collections-view .split-view-sidebar-left .named-flow-overflow::before {
-    content: url(Images/namedFlowOverflow.png);
+.css-named-flow-collections-view .split-view-sidebar-left .named-flow-overflow::before, .css-named-flow-collections-view .region-empty:before, .css-named-flow-collections-view .region-fit::before, .css-named-flow-collections-view .region-overset::before {
     cursor: default;
     float: left;
     height: 10px;
-    margin: 2px 3px 0px -13px;
+    margin-top: 1px;
     opacity: 0.75;
     position: relative;
     vertical-align: middle;
     z-index: 1;
 }
+
+.css-named-flow-collections-view .split-view-sidebar-left .named-flow-overflow::before {
+    content: url(Images/namedFlowOverflow.png);
+    margin: 2px 3px 0px -13px;
+}
+
+.css-named-flow-collections-view .region-empty::before {
+    content: url(Images/regionEmpty.png);
+}
+
+.css-named-flow-collections-view .region-fit::before {
+    content: url(Images/regionFit.png);
+}
+
+.css-named-flow-collections-view .region-overset::before {
+    content: url(Images/regionOverset.png);
+}
+
+.css-named-flow-collections-view .split-view-contents .named-flow-element {
+    margin: 0px 0px 0px -24px;
+}