Changeset 225595 in webkit

Timestamp:

Dec 6, 2017 2:21:09 PM (6 years ago)

Author:

Matt Baker

Message:

Web Inspector: Details section headers overlap Classes container in the Computed Styles panel
​https://bugs.webkit.org/show_bug.cgi?id=180380

Reviewed by Timothy Hatcher.

• UserInterface/Views/CSSStyleDetailsSidebarPanel.css:

(.sidebar > .panel.details.css-style > .content ~ :matches(.options-container, .class-list-container)):

Location:

trunk/Source/WebInspectorUI

Files:

• ChangeLog (modified) (1 diff)
• UserInterface/Views/GeneralStyleDetailsSidebarPanel.css (modified) (1 diff)

trunk/Source/WebInspectorUI/ChangeLog

@@ +1 @@
+2017-12-06  Matt Baker  <mattbaker@apple.com>
+
+        Web Inspector: Details section headers overlap Classes container in the Computed Styles panel
+        https://bugs.webkit.org/show_bug.cgi?id=180380
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
+        (.sidebar > .panel.details.css-style > .content ~ :matches(.options-container, .class-list-container)):
+
 2017-12-06  Matt Baker  <mattbaker@apple.com>
 

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

@@ -68 +68 @@
     align-items: center;
     position: absolute;
-    z-index: 1;
+    /* Make sure options and class containers are above details section headers, but below popovers. */
+    z-index: calc(var(--z-index-header) + 1);
     width: 100%;
     border-top: 1px solid var(--border-color);