Web Inspector: RTL: add FindBanner support for RTL layout

• Component: Web Inspector
• Status: RESOLVED FIXED

[BJ Burg]

Created attachment 302394 [details]
SCREENSHOT - ToT (RTL)

It's messed up.

[BJ Burg]

Created attachment 302395 [details]
Console Find Banner (LTR)

[BJ Burg]

Created attachment 302396 [details]
Console Find Banner (RTL)

[BJ Burg]

Created attachment 302397 [details]
Resources Tab Find Banner (LTR)

[BJ Burg]

Created attachment 302398 [details]
Resources Tab Find Banner (RTL)

[BJ Burg]

To Test:

- Cmd-F in {console, resource} tab
=> should pop up the find banner with correct layout
=> Clicking on each button should NOT change styling
=> Can enter search text into field
=> Search results label is positioned correctly
=> Border styles look right when window is active or inactive

[BJ Burg]

Created attachment 302399 [details]
Patch

[BJ Burg]

<rdar://problem/30507071>

[BJ Burg]

*** Bug 168279 has been marked as a duplicate of this bug. ***

[Devin Rousso]

Comment on attachment 302399 [details]
Patch

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

> Source/WebInspectorUI/UserInterface/Views/FindBanner.css:100
> +    --find-banner-search-box-border-radius-end: 0;

I think you could simplify this by just having a single `border-radius: 0;` in this rule and then only setting the ones that are needed with `--find-banner-search-box-border-radius-start`.

> Source/WebInspectorUI/UserInterface/Views/FindBanner.css:265
> +    --console-find-banner-search-box-border-radius-end: 0;

Ditto.

[Timothy Hatcher]

Comment on attachment 302399 [details]
Patch

Should the whole content of the bar be right aligned in RTL too?

[BJ Burg]

Committed r214048: <http://trac.webkit.org/changeset/214048>