Closed Bug 1013689 Opened 11 years ago Closed 10 years ago

In-content prefs - Alignment and spacing issues

Categories

(Firefox :: Settings UI, defect)

All
macOS
defect
Not set
normal

Tracking

()

VERIFIED FIXED
Firefox 37

People

(Reporter: soeren.hentzschel, Assigned: Paenglab)

References

(Blocks 1 open bug)

Details

Attachments

(3 files, 2 obsolete files)

Attached image incontent-alignment.png (deleted) —
Please adjust the alignment in the in-content preferences, see the attached screenshot.
Blocks: 738796
Status: UNCONFIRMED → NEW
Ever confirmed: true
Summary: adjust alignment of preferences in in-content preferences → In-content prefs - Alignment issues
Depends on: 1013693
Depends on: 1013695
Summary: In-content prefs - Alignment issues → In-content prefs - Alignment and spacing issues
Depends on: 1013701
Depends on: 1013703
Tim, do you think you could pick this up?
Flags: needinfo?(ntim007)
(In reply to (Behind on reviews/needinfos) Jared Wein [:jaws] (please needinfo? me) from comment #1) > Tim, do you think you could pick this up? I'm a bit caught up by school and exams, but I'll see what I can do. Also, since these bugs are a bit old, so some of these issues might have been fixed by our styling updates (especially Richard Marti who worked on the alignment).
Flags: needinfo?(ntim007)
(In reply to Tim Nguyen [:ntim] from comment #2) > (In reply to (Behind on reviews/needinfos) Jared Wein [:jaws] (please > needinfo? me) from comment #1) > > Tim, do you think you could pick this up? > > I'm a bit caught up by school and exams, but I'll see what I can do. Thanks, your work has been fundamental to get us where we are at today. > Also, since these bugs are a bit old, so some of these issues might have > been fixed by our styling updates (especially Richard Marti who worked on > the alignment). You or Richard (I'm CCing him now) should feel free to close this bug if you don't see anything actionable left.
Attached patch bug1013689.patch (obsolete) (deleted) — Splinter Review
It still has small alignment issues: - the header line is 4px longer than the rest because the buttons etc. have a 4px margin-right. Added this margin to .header. - the subelements 4px margin-right makes the right page gap too wide. Reduced the right padding on .main-content. - The listboxes and richlistboxes aren't aligned on the left. Removed the 4px on left margin. - Removed also some margins/paddings on description, groupbox and .groupbox-body to align them with the other content. subdialog.css has already the reversions to still look good, like the color dialog. - On OS X changed the button margin-right/-left from 6px to 4px to align with the other elements which have 4px.
Assignee: nobody → richard.marti
Status: NEW → ASSIGNED
Attachment #8545427 - Flags: review?(jaws)
Comment on attachment 8545427 [details] [diff] [review] bug1013689.patch Review of attachment 8545427 [details] [diff] [review]: ----------------------------------------------------------------- Thanks for fixing this bug :) ::: toolkit/themes/osx/global/in-content/common.css @@ +20,5 @@ > margin-top: 3px; > } > > +xul|button { > + /* use the same margin as other elements for th alignment */ nit : th should be the ::: toolkit/themes/shared/in-content/common.inc.css @@ +47,3 @@ > *|*.main-content { > padding: 40px 48px 48px; > + -moz-padding-end: 44px; /* compensate the 4px margin of sub elements */ Maybe child elements would fit better ?
Attached patch bug1013689.patch (obsolete) (deleted) — Splinter Review
Fixed ntim's comments.
Attachment #8545427 - Attachment is obsolete: true
Attachment #8545427 - Flags: review?(jaws)
Attachment #8545446 - Flags: review?(jaws)
Comment on attachment 8545446 [details] [diff] [review] bug1013689.patch Review of attachment 8545446 [details] [diff] [review]: ----------------------------------------------------------------- ::: toolkit/themes/osx/global/in-content/common.css @@ +22,5 @@ > > +xul|button { > + /* use the same margin of other elements for the alignment */ > + -moz-margin-start: 4px; > + -moz-margin-end: 4px; Feel free to leave this alone, but you can use margin-left and margin-right here since they are the same. ::: toolkit/themes/shared/in-content/common.inc.css @@ +47,3 @@ > *|*.main-content { > padding: 40px 48px 48px; > + -moz-padding-end: 44px; /* compensate the 4px margin of child elements */ Please use: padding-top: 40px; -moz-padding-end: 44px; /* compensate the 4px margin of child elements */ padding-bottom: 48px; -moz-padding-start: 48px;
Attachment #8545446 - Flags: review?(jaws) → review+
Attached patch patch for check-in (deleted) — Splinter Review
Comments addresed.
Attachment #8545446 - Attachment is obsolete: true
Attachment #8545757 - Flags: review+
Keywords: checkin-needed
Status: ASSIGNED → RESOLVED
Closed: 10 years ago
Resolution: --- → FIXED
Whiteboard: [fixed-in-fx-team]
Target Milestone: --- → Firefox 37
QA Contact: camelia.badau
Attached image 1.png (deleted) —
Verified on Mac 0SX 10.9.5 using latest Aurora 37.0a2 (buildID: 20150113004007) and one mention should be done here: the subcategories name is not aligned with the other elements of the page. Please see screenshot "1.png" - this is by design? It is expected?
Flags: needinfo?(richard.marti)
Also seen but forgot to file a bug. Please can you file one?
Flags: needinfo?(richard.marti)
(In reply to Richard Marti (:Paenglab) from comment #12) > Also seen but forgot to file a bug. Please can you file one? I filled bug 1121444.
Status: RESOLVED → VERIFIED
Blocks: 1121444
Blocks: 1126189
Blocks: 1126196
No longer blocks: 1126196
Depends on: 1126196
No longer blocks: 1126189
Depends on: 1126189
No longer blocks: 1121444
Depends on: 1121444
Depends on: 1013706
Depends on: 1013697
Depends on: 1136670
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: