Closed
Bug 1013689
Opened 11 years ago
Closed 10 years ago
In-content prefs - Alignment and spacing issues
Categories
(Firefox :: Settings UI, defect)
Tracking
()
VERIFIED
FIXED
Firefox 37
People
(Reporter: soeren.hentzschel, Assigned: Paenglab)
References
(Blocks 1 open bug)
Details
Attachments
(3 files, 2 obsolete files)
Please adjust the alignment in the in-content preferences, see the attached screenshot.
Updated•10 years ago
|
Status: UNCONFIRMED → NEW
Ever confirmed: true
Summary: adjust alignment of preferences in in-content preferences → In-content prefs - Alignment issues
Updated•10 years ago
|
Summary: In-content prefs - Alignment issues → In-content prefs - Alignment and spacing issues
Comment 2•10 years ago
|
||
(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)
Comment 3•10 years ago
|
||
(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.
Assignee | ||
Comment 4•10 years ago
|
||
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.
Comment 5•10 years ago
|
||
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 ?
Assignee | ||
Comment 6•10 years ago
|
||
Fixed ntim's comments.
Attachment #8545427 -
Attachment is obsolete: true
Attachment #8545427 -
Flags: review?(jaws)
Attachment #8545446 -
Flags: review?(jaws)
Comment 7•10 years ago
|
||
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+
Assignee | ||
Comment 8•10 years ago
|
||
Comments addresed.
Attachment #8545446 -
Attachment is obsolete: true
Attachment #8545757 -
Flags: review+
Assignee | ||
Updated•10 years ago
|
Keywords: checkin-needed
Comment 9•10 years ago
|
||
Keywords: checkin-needed
Whiteboard: [fixed-in-fx-team]
Status: ASSIGNED → RESOLVED
Closed: 10 years ago
Resolution: --- → FIXED
Whiteboard: [fixed-in-fx-team]
Target Milestone: --- → Firefox 37
Updated•10 years ago
|
QA Contact: camelia.badau
Comment 11•10 years ago
|
||
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)
Assignee | ||
Comment 12•10 years ago
|
||
Also seen but forgot to file a bug. Please can you file one?
Flags: needinfo?(richard.marti)
Comment 13•10 years ago
|
||
(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
Updated•10 years ago
|
Updated•10 years ago
|
Updated•10 years ago
|
You need to log in
before you can comment on or make changes to this bug.
Description
•