Export to GitHub

chromium-os - issue #8473

UI fixes for volume and brightness overlay UI

Posted on Nov 1, 2010 by Happy Giraffe

Spec'd mocks here: http://www.corp.google.com/~roma/design/chrome/brightness-volume/Chrome-OS-Brightness-Volume.png

Assets here: http://www.corp.google.com/~roma/design/chrome/brightness-volume/

Comment #1

Posted on Nov 1, 2010 by Happy Camel

(No comment was entered for this change.)

Comment #2

Posted on Nov 25, 2010 by Helpful Lion

Per feedback from various dogfooders: Indicators should be either thinner or more translucent than shown in mockups, so they don't obscure the page or video shown behind them (e.g., text content when playing audio in background, or videos when watching movies, full-screen or otherwise).

Comment #3

Posted on Dec 3, 2010 by Massive Elephant

(No comment was entered for this change.)

Comment #4

Posted on Dec 21, 2010 by Massive Elephant

(No comment was entered for this change.)

Comment #5

Posted on Jan 5, 2011 by Massive Elephant

(No comment was entered for this change.)

Comment #6

Posted on Jan 7, 2011 by Massive Elephant

Issue 10743 has been merged into this issue.

Comment #7

Posted on Jan 7, 2011 by Massive Elephant

Roma, any thoughts on the suggestions in comment #2 and issue 10743 to make the UI either smaller or more transparent so it blocks less of the screen?

Comment #8

Posted on Jan 7, 2011 by Massive Kangaroo

I think that's okay. Let's try decreasing the height by 10 px and having the opacity 90% instead of 96%. I wouldn't want to go any lower than that.

I've attached what that will look like.

 Attachments

Comment #9

Posted on Jan 7, 2011 by Massive Elephant

I might try to get some more of this done (the size and opacity changes, at least) for R10.

Comment #10

Posted on Jan 25, 2011 by Grumpy Wombat

Bulk punt of Pri2,3 from R10 to R11

Comment #11

Posted on Feb 3, 2011 by Helpful Monkey

The height of the bubble is 100 and the progress bar is 17. So now it should be 90, right? The height of the progress bar should remain the same?

I don't know where we set the opacity.

Comment #12

Posted on Mar 23, 2011 by Massive Elephant

(No comment was entered for this change.)

Comment #13

Posted on Mar 29, 2011 by Massive Elephant

(No comment was entered for this change.)

Comment #14

Posted on Apr 4, 2011 by Massive Elephant

(No comment was entered for this change.)

Comment #15

Posted on Apr 5, 2011 by Happy Camel

(No comment was entered for this change.)

Comment #16

Posted on Jun 1, 2011 by Massive Elephant

(No comment was entered for this change.)

Comment #17

Posted on Jul 19, 2011 by Massive Elephant

(No comment was entered for this change.)

Comment #18

Posted on Jul 25, 2011 by Happy Camel

(No comment was entered for this change.)

Comment #19

Posted on Jul 27, 2011 by Massive Elephant

(No comment was entered for this change.)

Comment #20

Posted on Aug 8, 2011 by Happy Camel

(No comment was entered for this change.)

Comment #21

Posted on Aug 9, 2011 by Massive Elephant

http://codereview.chromium.org/7566018 (in as r95873) http://codereview.chromium.org/7529038 (out for review)

I tried experimenting with the transparent-background-but-opaque-controls style from the mocks, which mostly worked* except the background ended up with a weird blue tint. I'm not sure what's up with that, but I'm leaving it out for now.

  • the Bubble class doesn't currently provide an interface for setting the background color

Comment #22

Posted on Aug 9, 2011 by Massive Elephant

I'm going to punt on getting the transparency to work unless UX people feel strongly about it; it doesn't seem particularly functional. If the bubble is still getting in the way, I think it'd make sense to make it hide itself more quickly -- it currently stays up for two seconds, which feels long to me considering that it's being shown in response to the user hitting a key.

Comment #23

Posted on Aug 10, 2011 by Grumpy Horse

yeah, 1 second seems enough... and then fade out?

Comment #24

Posted on Aug 12, 2011 by Happy Kangaroo

Verified 0.15.881.0

Comment #25

Posted on Mar 7, 2013 by Grumpy Hippo

(No comment was entered for this change.)

Comment #26

Posted on Mar 10, 2013 by Quick Rabbit

(No comment was entered for this change.)

Comment #27

Posted on Mar 13, 2013 by Happy Horse

Moved to: Issue chromium:190839

Status: Moved

Labels:
Type-Bug Area-DesktopUI Sev-3 Iteration-34 Iteration-35 Pri-1 Iteration-36 OS-Chrome M-15