Bug 187657 - Web Inspector: Dark Mode: bezier curve editor should be updated
Summary: Web Inspector: Dark Mode: bezier curve editor should be updated
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nikita Vasilyev
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2018-07-13 13:47 PDT by Nikita Vasilyev
Modified: 2018-09-15 17:52 PDT (History)
5 users (show)

See Also:


Attachments
[Screenshot] Bug (49.25 KB, image/png)
2018-07-13 13:47 PDT, Nikita Vasilyev
no flags Details
Patch (2.48 KB, patch)
2018-09-13 15:10 PDT, Jamal Nasser
no flags Details | Formatted Diff | Diff
Screenshot with patch (37.58 KB, image/png)
2018-09-13 15:11 PDT, Jamal Nasser
no flags Details
Patch (2.56 KB, patch)
2018-09-13 15:32 PDT, Jamal Nasser
no flags Details | Formatted Diff | Diff
Patch (2.58 KB, patch)
2018-09-13 15:59 PDT, Jamal Nasser
no flags Details | Formatted Diff | Diff
Patch (2.47 KB, patch)
2018-09-13 16:21 PDT, Jamal Nasser
no flags Details | Formatted Diff | Diff

Note You need to log in before you can comment on or make changes to this bug.
Description Nikita Vasilyev 2018-07-13 13:47:19 PDT
Created attachment 344975 [details]
[Screenshot] Bug

The curve line should be white.
The blue lines should be lighter.
The lines that are currently light should be darker.
Comment 1 Radar WebKit Bug Importer 2018-07-13 13:47:31 PDT
<rdar://problem/42179060>
Comment 2 Jamal Nasser 2018-09-13 15:10:31 PDT
Created attachment 349707 [details]
Patch
Comment 3 Jamal Nasser 2018-09-13 15:11:04 PDT
Created attachment 349708 [details]
Screenshot with patch
Comment 4 Nikita Vasilyev 2018-09-13 15:25:10 PDT
Comment on attachment 349707 [details]
Patch

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

Thank you for working on this. Just a few small corrections below.

> Source/WebInspectorUI/ChangeLog:3
> +        Added CSS rules to DarkMode.css in order to override the normal ones in BezierEditor.css

This line should match the title of the Bugzilla bug:
Web Inspector: Dark Mode: bezier curve editor should be updated

If you'd like to add a description, it should go after "Reviewed by" line. See other changelog items for examples.

> Source/WebInspectorUI/UserInterface/Views/DarkMode.css:1171
> +        border-top: 4px solid white;

border-top-color: white;

> Source/WebInspectorUI/UserInterface/Views/DarkMode.css:1183
> +        border-bottom: 1px solid var(--text-color-tertiary);;

border-bottom-color: var(--text-color-tertiary);
Comment 5 Jamal Nasser 2018-09-13 15:32:12 PDT
Created attachment 349709 [details]
Patch
Comment 6 Jamal Nasser 2018-09-13 15:33:13 PDT
Thanks for the fast review and for being patient with me!
Comment 7 Nikita Vasilyev 2018-09-13 15:47:31 PDT
Comment on attachment 349709 [details]
Patch

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

Looks good besides these two comments below. I'm not a reviewer, so I can't r+.

> Source/WebInspectorUI/UserInterface/Views/DarkMode.css:1171
> +        border-top-color: white;

In the light mode, this is a light gray border. In the dark mode, this should be dark gray. I suggest to use `var(--text-color-tertiary)`.

> Source/WebInspectorUI/UserInterface/Views/DarkMode.css:1183
> +        border-bottom-color: var(--text-color-tertiary);;

Two semicolons at the end of the line. One is sufficient.
Comment 8 Matt Baker 2018-09-13 15:52:55 PDT
Once Nikita is satisfied, I'll r+.
Comment 9 Jamal Nasser 2018-09-13 15:59:49 PDT
Created attachment 349711 [details]
Patch
Comment 10 Jamal Nasser 2018-09-13 16:00:25 PDT
Fixed, I was going to ask about the color; glad you mentioned that :)
Comment 11 Nikita Vasilyev 2018-09-13 16:14:56 PDT
Comment on attachment 349711 [details]
Patch

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

Looks good, just one nitpick below.

> Source/WebInspectorUI/ChangeLog:8
> +        Added CSS rules to DarkMode.css in order to override the normal ones in BezierEditor.css

I think this is fine without any description. I can see some CSS rules were added to DarkMode.css a couple of lines below, no need to mention that.

If you really want to add a description, explain what was the problem (e.g. "the bezier curve was hard to see because it was black on dark grey background") and how you solved it.
Comment 12 Jamal Nasser 2018-09-13 16:21:38 PDT
Created attachment 349712 [details]
Patch
Comment 13 Nikita Vasilyev 2018-09-13 16:23:47 PDT
Looks good! Thank you for doing this!

(In reply to Matt Baker from comment #8)
> Once Nikita is satisfied, I'll r+.

Looks r+-worthy to me!
Comment 14 Matt Baker 2018-09-13 16:30:01 PDT
Comment on attachment 349712 [details]
Patch

rs=me
Comment 15 Jamal Nasser 2018-09-13 16:37:34 PDT
(In reply to Nikita Vasilyev from comment #13)
> Looks good! Thank you for doing this!
> 
> (In reply to Matt Baker from comment #8)
> > Once Nikita is satisfied, I'll r+.
> 
> Looks r+-worthy to me!

Thanks for guiding me through this
Comment 16 WebKit Commit Bot 2018-09-13 17:08:43 PDT
Comment on attachment 349712 [details]
Patch

Clearing flags on attachment: 349712

Committed r235998: <https://trac.webkit.org/changeset/235998>
Comment 17 WebKit Commit Bot 2018-09-13 17:08:45 PDT
All reviewed patches have been landed.  Closing bug.
Comment 18 Nikita Vasilyev 2018-09-15 17:52:13 PDT
Comment on attachment 349712 [details]
Patch

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

> Source/WebInspectorUI/UserInterface/Views/DarkMode.css:1193
> +    

Next time, please configure your code editor to NOT leave white space on empty lines.