Closed Bug 988259 Opened 8 years ago Closed 7 years ago

[TestAgent] The "small screen" css is broken

Categories

(Firefox OS Graveyard :: Gaia::TestAgent, defect)

x86_64
Linux
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: julienw, Assigned: rickychien)

Details

Attachments

(5 files)

STR:
* run "bin/gaia-test -d"
As you can see in attachment. I found the results are different between b2g-desktop and nightly. Compare these two results in screenshot, there exist several differences in details. I think no matter on b2g or on nightly we should have same rendering result. Maybe it is a CSS bug on b2g?
I don't know why there could be a difference... 
In my nightly, the "Enable coverage" box is overriding the "#communications" title too.

I think all this happens because we're using "position: absolute" and margin-top or things like this, can't we just use the normal flow?
I'm sure there exist some different on b2g so that certain CSS effect doesn't work. But I think I can take this and find a workaround for nightly.
Status: NEW → ASSIGNED
Assignee: nobody → ricky060709
Attached file Gaia PR
Attachment #8415058 - Flags: review?(felash)
Attached file Js-test-agent PR
Attachment #8415060 - Flags: review?(felash)
@Julien, could you help me review this CSS bug? 

I've fixed broken layout in small screen (320x480) on nightly. Just copy test-agent.css from my patch and resize in any size you want. Thanks :)
Comment on attachment 8415058 [details] [review]
Gaia PR

r=me with more opacity in the header's background
Attachment #8415058 - Flags: review?(felash) → review+
Comment on attachment 8415060 [details] [review]
Js-test-agent PR

same

please do what's necessary to land it as I don't know these days ;)
Attachment #8415060 - Flags: review?(felash) → review+
Attached file Gaia-node-modules PR
We also need to update gaia-node-modules for "make update-common"
Attachment #8415236 - Flags: review+
You need to log in before you can comment on or make changes to this bug.