Bug 187657

Summary: Web Inspector: Dark Mode: bezier curve editor should be updated
Product: WebKit Reporter: Nikita Vasilyev <nvasilyev>
Component: Web InspectorAssignee: Nikita Vasilyev <nvasilyev>
Status: RESOLVED FIXED    
Severity: Normal CC: commit-queue, inspector-bugzilla-changes, jamaln, mattbaker, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
[Screenshot] Bug
none
Patch
none
Screenshot with patch
none
Patch
none
Patch
none
Patch none

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.