Bug 157430 - Web Inspector: Unexpected white border at the bottom of Debugger filter bar
Summary: Web Inspector: Unexpected white border at the bottom of Debugger filter bar
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: 2016-05-06 13:26 PDT by Nikita Vasilyev
Modified: 2016-05-06 15:38 PDT (History)
8 users (show)

See Also:


Attachments
[Image] Bug (36.33 KB, image/png)
2016-05-06 13:26 PDT, Nikita Vasilyev
no flags Details
[Image] Semi-transparent white box shadow replaced with red (80.98 KB, image/png)
2016-05-06 14:13 PDT, Nikita Vasilyev
no flags Details
Patch (1.95 KB, patch)
2016-05-06 14:52 PDT, Nikita Vasilyev
timothy: review+
Details | Formatted Diff | Diff
Patch (1.25 KB, patch)
2016-05-06 15:02 PDT, Nikita Vasilyev
nvasilyev: commit-queue-
Details | Formatted Diff | Diff
Patch (1.77 KB, patch)
2016-05-06 15:09 PDT, Nikita Vasilyev
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 2016-05-06 13:26:28 PDT
Created attachment 278264 [details]
[Image] Bug

This is caused by:

.navigation-bar {
    box-shadow: inset hsla(0, 0%, 100%, 0.2) 0 1px 0;
}

I'm not sure what's the point of it.
`git blame` tells me the first version of NavigationBar.css
already had it.
Comment 1 Radar WebKit Bug Importer 2016-05-06 13:27:00 PDT
<rdar://problem/26146602>
Comment 2 Nikita Vasilyev 2016-05-06 14:13:07 PDT
Created attachment 278267 [details]
[Image] Semi-transparent white box shadow replaced with red

In the Timelines these inset box shadows are
either bugs (e.g. under "Details") or have no
effect (white on white).
Comment 3 Nikita Vasilyev 2016-05-06 14:14:27 PDT
(In reply to comment #2)
> Created attachment 278267 [details]
> [Image] Semi-transparent white box shadow replaced with red

To clarify, I replaced 

    box-shadow: inset hsla(0, 0%, 100%, 0.2) 0 1px 0;

with

    box-shadow: inset red 0 1px 0;

purely for debugging purposes.
Comment 4 Timothy Hatcher 2016-05-06 14:37:42 PDT
We can drop it. It was more important when we didn't have a flat UI. This should have been removed when we made that change.
Comment 5 Nikita Vasilyev 2016-05-06 14:52:51 PDT
Created attachment 278272 [details]
Patch
Comment 6 Timothy Hatcher 2016-05-06 14:56:53 PDT
Comment on attachment 278272 [details]
Patch

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

> Source/WebInspectorUI/ChangeLog:10
> +        Remove the semi-transparent white border for all navigation bars
> +        except for the split console.

I think we can remove it from the split console too.
Comment 7 Timothy Hatcher 2016-05-06 14:58:35 PDT
Comment on attachment 278272 [details]
Patch

We should remove from SearchSidebarPanel.css too.
Comment 8 Nikita Vasilyev 2016-05-06 15:02:33 PDT
Created attachment 278275 [details]
Patch
Comment 9 Nikita Vasilyev 2016-05-06 15:09:06 PDT
Created attachment 278276 [details]
Patch
Comment 10 WebKit Commit Bot 2016-05-06 15:38:25 PDT
Comment on attachment 278276 [details]
Patch

Clearing flags on attachment: 278276

Committed r200529: <http://trac.webkit.org/changeset/200529>
Comment 11 WebKit Commit Bot 2016-05-06 15:38:30 PDT
All reviewed patches have been landed.  Closing bug.