1044103 - app splash screen transparency is not opaque enough

Status: RESOLVED WONTFIX

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

Description

[Dietrich Ayala (:dietrich)]

Attachment: screenshot

Flame, nightly channel, July 25

For example, swipe edge to move from any app to say Calendar. You'll see the splash screen.

The splash screen is the Calendar icon in the center, with the Calendar app (or a screenshot of it) behind a semi-transparent layer (or something like that - forgive any assumptions of implementation, I haven't looked yet).

That layer is too transparent - showing too much of the Calendar app screenshot, making it look a bit buggy/messy at first glance.

I think that making the layer more opaque would deliver the intended effect better.

Another approach could be to put a large flat white circle background behind the icon (kind of like a large border).

Screenshot attached.

Comment 1

[Stephany Wilkes]

Flagging Patryk to triage out and assign to our team for 2.1 from here.

Comment 2

[Patryk Adamczyk [:patryk] UX]

Hey Eric, can you look into this. I believe the app launch splash screen should be the same (or VERY similar) to the swipe splash screen. Now they are completely different and yes like Dietrich states, way too transparent in the swipe version. If you need help ask Hung.

Comment 3

[Eric Pang [:epang] UX]

Hey Hung, can you look into this bug?

I think it looks odd because there's no drop shadow behind the icon.  The icons also looks very jagged around the edges, so it doesn't seem to be resizing very well..

I'll reach out to Rob and Francis about the splash screen, we talked about it in Berlin but I don't know if a bug was opened for it.

Thanks!

Comment 4

[Eric Pang [:epang] UX]

(In reply to Eric Pang [:epang] from comment #3)
> Hey Hung, can you look into this bug?
> 
> I think it looks odd because there's no drop shadow behind the icon.  The
> icons also looks very jagged around the edges, so it doesn't seem to be
> resizing very well..
> 
> I'll reach out to Rob and Francis about the splash screen, we talked about
> it in Berlin but I don't know if a bug was opened for it.
> 
> Thanks!

just spoke with Rob, he's going to open a bug for the splash screen tomorrow morning :)

Comment 5

[Hung Nguyen]

Attachment: Design_Update.png

Attaching update. Increasing the opacity of the white overlay from 80% to 95% should solve this issue. 

I'm also concerned over the jaggedness of the icons but we can open a separate bug for it. 

Thanks

Comment 6

[helene.tindon]

Attachment: patch

Comment 7

[helene.tindon]

We removed the opacity property of .appWindow > .fade-overlay because it didn't seem to serve a purpose that we could detect.

Comment 8

[Etienne Segonzac (:etienne)]

Comment on attachment 8515487 [details] [review]
patch

Made some comments on github, can you amend your commit with the changes and flag me for review again? Thanks!

Comment 9

[Etienne Segonzac (:etienne)]

Comment on attachment 8515487 [details] [review]
patch

All good! Can you squash both commits into one? Then your patch will be ready to land!

PS: when you update a pull request you can set the review? flag again, it will ping the reviewer :)

Comment 10

[BMO Automation]

Firefox OS is not being worked on