Modified: trunk/Source/WebInspectorUI/ChangeLog (264203 => 264204)
--- trunk/Source/WebInspectorUI/ChangeLog 2020-07-09 23:37:38 UTC (rev 264203)
+++ trunk/Source/WebInspectorUI/ChangeLog 2020-07-10 00:05:06 UTC (rev 264204)
@@ -1,3 +1,24 @@
+2020-07-09 Nikita Vasilyev <nvasil...@apple.com>
+
+ Web Inspector: title bar of undocked inspector should be white in BigSur
+ https://bugs.webkit.org/show_bug.cgi?id=214161
+ <rdar://problem/65289224>
+
+ Reviewed by Brian Burg.
+
+ Make the title bar white when the window is focused.
+
+ When the window is unfocused, the title bar background is
+ the same on Big Sur and Catalina. No changes were needed.
+
+ * UserInterface/Views/Main.css:
+ (#undocked-title-area):
+ (body.big-sur #undocked-title-area):
+ (body:not(.big-sur) #undocked-title-area):
+ (@media (prefers-color-scheme: dark) #undocked-title-area):
+ (@media (prefers-color-scheme: dark) body.big-sur #undocked-title-area):
+ (@media (prefers-color-scheme: dark) body:not(.big-sur) #undocked-title-area):
+
2020-07-08 Christopher Reid <chris.r...@sony.com>
Heap Snapshot Object Graph view doesn't get populated in some cases when inspecting a JSContext
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Main.css (264203 => 264204)
--- trunk/Source/WebInspectorUI/UserInterface/Views/Main.css 2020-07-09 23:37:38 UTC (rev 264203)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Main.css 2020-07-10 00:05:06 UTC (rev 264204)
@@ -115,6 +115,13 @@
right: 0;
left: 0;
height: var(--undocked-title-area-height);
+}
+
+body.big-sur #undocked-title-area {
+ background-color: white;
+}
+
+body:not(.big-sur) #undocked-title-area {
background-image: linear-gradient(to bottom, hsl(0, 0%, 92%), hsl(0, 0%, 87%));
box-shadow: inset hsla(0, 0%, 100%, 0.5) 0 1px 1px;
}
@@ -558,10 +565,17 @@
@media (prefers-color-scheme: dark) {
#undocked-title-area {
- background-image: linear-gradient(to bottom, hsl(0, 0%, 26%), hsl(0, 0%, 23%));
box-shadow: none;
}
+ body.big-sur #undocked-title-area {
+ background-color: hsl(0, 0%, 19%);
+ }
+
+ body:not(.big-sur) #undocked-title-area {
+ background-image: linear-gradient(to bottom, hsl(0, 0%, 26%), hsl(0, 0%, 23%));
+ }
+
body.window-inactive #undocked-title-area {
background-color: var(--background-color);
}