690870 - [TABLETUI] Add white horizontal divider after first group of Sync JPAKE characters

Status: VERIFIED FIXED

(Firefox for Android Graveyard :: General, defect)

Description

[Aaron Train [:aaronmt]]

Attachment: Nightly (09/30)

Remove the white horizontal divider above the last group of Sync JPAKE characters

--
Mozilla/5.0 (Android; Linux armv7l; rv:10.0a1) Gecko/20110930 Firefox/10.0a1 Fennec/10.0a1
Galaxy Tab 10.1 (Android 3.1)

Comment 1

[Mark Finkle (:mfinkle) (use needinfo?)]

Do we want to remove the white line or add a white line between the first and second boxes?

I would have thought we'd add a white separator

Comment 2

[Ian Barlow (:ibarlow)]

there should be two white separators

http://www.flickr.com/photos/61892693@N03/6169097025/in/photostream

Comment 3

[Lucas Rocha (:lucasr)]

Attachment: Add missing separator between sync code numbers

This patch works fine but, to be honest, I'm not entirely sure why. The first description element in the sync code vbox is getting an tiny extra margin somehow. I couldn't find the corresponding CSS selector that is causing that. Forcing the margin of first description to be 0 fixes the issue.

Comment 4

[Lucas Rocha (:lucasr)]

FYI: the DOM inspector didn't show anything interesting regarding this. All description elements with .syncsetup-code class have the same computed style.

Comment 5

[Mark Finkle (:mfinkle) (use needinfo?)]

Comment on attachment 564167 [details] [diff] [review]
Add missing separator between sync code numbers

Is this something we need to add to _all_ descriptions?

Comment 6

[Lucas Rocha (:lucasr)]

(In reply to Mark Finkle (:mfinkle) from comment #5)
> Comment on attachment 564167 [details] [diff] [review] [diff] [details] [review]
> Add missing separator between sync code numbers
> 
> Is this something we need to add to _all_ descriptions?

This patch removes 1-2px margin that only applies to the first-child description. I wonder why we'd want to keep this strange extra margin for other description elements.

I can move this fix to apply only to syncsetup-code class if you feel strongly about it.

Comment 7

[Mark Finkle (:mfinkle) (use needinfo?)]

I think this margin is the problem:
http://mxr.mozilla.org/mozilla-central/source/mobile/themes/core/honeycomb/browser.css#1795

margin_xtiny = 0.11mozmmm and I think that is too small. It could be causing a rounding error. Let's try manually bumping up that margin a bit to see if we get the desired affect without rounding issues.

Comment 8

[Mark Finkle (:mfinkle) (use needinfo?)]

Comment on attachment 564167 [details] [diff] [review]
Add missing separator between sync code numbers

I feel strongly that we don't want this rule in platform.css

Comment 9

[Lucas Rocha (:lucasr)]

Attachment: Bump magin_xtiny from 0.11mozmm to 0.15mozmm

You're right, bumping margin_xtiny to 0.15mozmm fixes the problem. margin_xtiny is not used in many places. This bump doesn't seem to break anything.

Comment 10

[Mark Finkle (:mfinkle) (use needinfo?)]

Comment on attachment 564292 [details] [diff] [review]
Bump magin_xtiny from 0.11mozmm to 0.15mozmm

Please update froyo and gingerbread margin_xtiny too

Comment 11

[Matt Brubeck (:mbrubeck)]

This bug is currently not in Firefox 9, but we should check whether it appears on Aurora after we land other theme patches there, and backport this fix too if it does.

Comment 12

[Lucas Rocha (:lucasr)]

Landed: http://hg.mozilla.org/integration/mozilla-inbound/rev/b6d4674960af

Comment 13

[Marco Bonardo [:mak]]

https://hg.mozilla.org/mozilla-central/rev/b6d4674960af

Comment 14

[Matt Brubeck (:mbrubeck)]

Since bug 682412 landed on Aurora, this has regressed there too.

Comment 15

[Matt Brubeck (:mbrubeck)]

Comment on attachment 564292 [details] [diff] [review]
Bump magin_xtiny from 0.11mozmm to 0.15mozmm

Requesting approval for Aurora 9. This mobile-only patch just changes one constant in our CSS to avoid rounding errors, to fix a regression that makes the sync dialog look ugly. The fix has already been in nightly for several days.

Comment 16

[Aaron Train [:aaronmt]]

Verified fixed on Nightly
Mozilla/5.0 (Android; Linux armv7l; rv:10.0a1) Gecko/20111007 Firefox/10.0a1 Fennec/10.0a1

Comment 17

[Lucas Rocha (:lucasr)]

Landed in Aurora: https://hg.mozilla.org/releases/mozilla-aurora/rev/b2f1ffa12cd2

Comment 18

[Camelia Urian]

Verified fixed on Aurora
Mozilla/5.0 (Android; Linux armv7l; rv:9.0a1) Gecko/20111013 Firefox/9.0a2 Fennec/9.0a2

White horizontal divider exists after first and second group of Sync JPAKE characters.