Bug 217682 – Web Inspector: REGRESSION(r267148): new Big Sur styles are not used

• Status: RESOLVED
• Resolution: FIXED
• Component: Web Inspector

[Devin Rousso]

# STEPS TO REPRODUCE
1. inspect any page
2. detach/undock Web Inspector

# EXPECTED
Title bar is white and the close/minimize/fullscreen buttons are vertically centered.

# ACTUAL
Title bar uses macOS Catalina styling.

[Devin Rousso]

<rdar://problem/70269030>

[Devin Rousso]

Created attachment 411279 [details]
Patch

I'm not sure what the best/right way to go about doing this is, but this is my initial thought of how to do it

[Blaze Burg]

Comment on attachment 411279 [details]
Patch

View in context: https://bugs.webkit.org/attachment.cgi?id=411279&action=review

The approach is sane, and I couldn't find any mistakes.

> Source/WebCore/inspector/InspectorFrontendHost.cpp:392
> +String InspectorFrontendHost::platformVersionName() const

Reminder to future self, we need to update this every year. =)

> Source/WebInspectorUI/UserInterface/Views/Popover.js:238
> +        var titleBarOffset = WI.undockedTitleAreaHeight();

Yikes, this is definitely an improvement in clarity.

[Devin Rousso]

Created attachment 411296 [details]
Patch

apparently `classList.add("")` throws an error :|

... and here I thought I'd seen it all

[EWS]

Committed r268473: <https://trac.webkit.org/changeset/268473>

All reviewed patches have been landed. Closing bug and clearing flags on attachment 411296 [details].