Bug 87007 - Web Inspector: Fix spacing on Settings screen and Shortcuts screen.
Summary: Web Inspector: Fix spacing on Settings screen and Shortcuts screen.
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (Deprecated) (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: eustas.bug
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2012-05-21 04:56 PDT by eustas.bug
Modified: 2013-03-06 08:33 PST (History)
11 users (show)

See Also:


Attachments
Screenshot: fixed Settings screen (419.03 KB, image/png)
2012-05-21 04:56 PDT, eustas.bug
no flags Details
Screenshot: fixed keyboard shortcuts screen (440.72 KB, image/png)
2012-05-21 04:57 PDT, eustas.bug
no flags Details
Screenshot: misaligned checkboxes in settings (94.39 KB, image/png)
2012-05-21 05:02 PDT, eustas.bug
no flags Details
Screenshot: wrapped keyboard shortcuts (174.24 KB, image/png)
2012-05-21 05:03 PDT, eustas.bug
no flags Details
Patch (3.67 KB, patch)
2012-05-21 05:15 PDT, eustas.bug
no flags Details | Formatted Diff | Diff
Patch (3.32 KB, patch)
2012-05-22 05:07 PDT, eustas.bug
pfeldman: review+
Details | Formatted Diff | Diff
Patch (3.52 KB, patch)
2012-05-31 06:06 PDT, eustas.bug
yurys: review+
Details | Formatted Diff | Diff

Note You need to log in before you can comment on or make changes to this bug.
Description eustas.bug 2012-05-21 04:56:30 PDT
Created attachment 142998 [details]
Screenshot: fixed Settings screen

Checkbox seems to be improperly aligned. It is "shifted" up on 1px on Mac and 2px on Linux.

Also, keyboard-shortcuts screen has "wrapped" key descriptions on Mac.
Comment 1 eustas.bug 2012-05-21 04:57:12 PDT
Created attachment 142999 [details]
Screenshot: fixed keyboard shortcuts screen
Comment 2 eustas.bug 2012-05-21 05:02:07 PDT
Created attachment 143001 [details]
Screenshot: misaligned checkboxes in settings
Comment 3 eustas.bug 2012-05-21 05:03:24 PDT
Created attachment 143002 [details]
Screenshot: wrapped keyboard shortcuts
Comment 4 eustas.bug 2012-05-21 05:15:59 PDT
Created attachment 143006 [details]
Patch
Comment 5 Early Warning System Bot 2012-05-21 05:40:30 PDT
Comment on attachment 143006 [details]
Patch

Attachment 143006 [details] did not pass qt-ews (qt):
Output: http://queues.webkit.org/results/12732614
Comment 6 Csaba Osztrogonác 2012-05-21 06:02:41 PDT
(In reply to comment #5)
> (From update of attachment 143006 [details])
> Attachment 143006 [details] did not pass qt-ews (qt):
> Output: http://queues.webkit.org/results/12732614

Sorry, it was false positive alarm.
Comment 7 Pavel Feldman 2012-05-21 22:55:46 PDT
Comment on attachment 143006 [details]
Patch

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

> Source/WebCore/inspector/front-end/helpScreen.css:125
> +    -webkit-column-width: 470px;

Why do we need so many non-mac specifics? I thought this patch was about the checkboxes align.
Comment 8 eustas.bug 2012-05-21 23:32:42 PDT
(In reply to comment #7)
> (From update of attachment 143006 [details])
> View in context: https://bugs.webkit.org/attachment.cgi?id=143006&action=review
> 
> > Source/WebCore/inspector/front-end/helpScreen.css:125
> > +    -webkit-column-width: 470px;
> 
> Why do we need so many non-mac specifics? I thought this patch was about the checkboxes align.

I've noticed severe spacing issue on shortcuts screen and fixed it alongside with checkbox alignment (please see screenshots and description).

I'll change bug title.

About non-mac specific: what is preferable?:
 1) override values from general rules with mac-specific values
 2) explicitly specify platform-dependent values in distinct rules.

If first, I'll revert these "non-mac" rules.
Comment 9 Pavel Feldman 2012-05-21 23:40:35 PDT
> About non-mac specific: what is preferable?:
>  1) override values from general rules with mac-specific values
>  2) explicitly specify platform-dependent values in distinct rules.
> 
> If first, I'll revert these "non-mac" rules.

Why is Mac so different? I was under the impression that web is the same for everybody :)
Comment 10 eustas.bug 2012-05-21 23:52:35 PDT
(In reply to comment #9)
> > About non-mac specific: what is preferable?:
> >  1) override values from general rules with mac-specific values
> >  2) explicitly specify platform-dependent values in distinct rules.
> > 
> > If first, I'll revert these "non-mac" rules.
> 
> Why is Mac so different? I was under the impression that web is the same for everybody :)

Mac has times more compact (but less readable) shortcuts visualization.
That is why user sees a lot of empty space to the left of shortcuts column.

Also, Inspector uses another font on Mac (and font metrics differ from non-mac font metrics).
Comment 11 eustas.bug 2012-05-22 05:07:35 PDT
Created attachment 143279 [details]
Patch
Comment 12 eustas.bug 2012-05-22 05:08:35 PDT
(In reply to comment #0)
> Created an attachment (id=142998) [details]
> Screenshot: fixed Settings screen
> 
> Checkbox seems to be improperly aligned. It is "shifted" up on 1px on Mac and 2px on Linux.
> 
> Also, keyboard-shortcuts screen has "wrapped" key descriptions on Mac.

Radio controls are also "shifted" up on 1px on Mac and 2px on Linux.
Comment 13 eustas.bug 2012-05-31 06:06:37 PDT
Created attachment 145070 [details]
Patch
Comment 14 eustas.bug 2012-05-31 06:09:52 PDT
Rebased.
+fixed spacing between close button and tabs on mac
Comment 15 Andrey Kosyakov 2012-05-31 07:08:47 PDT
Committed r119099: <http://trac.webkit.org/changeset/119099>