726447 - [meta] Theming and visual design

Status: NEW

(Firefox :: Downloads Panel, defect)

Description

[:Paolo Amadini]

This bug tracks work to be done on top of the Downloads Panel in bug 726444.

* Windows: The magnifying glass means "search". The "open in folder" command
  should have a folder icon instead.
* The "Show Downloads History" link should have a slightly different styling
  and hover (see the UI mockup in the bug's URL). On OS X should not be blue
  text, but white.
* On OS X there is black text on black background for download details,
  should be gray. Font size is also too small.
* Focus ring should not be visible unless you start using the keyboard.
* Understand what to do when there is not enough space to display both the
  time left indication and the small download arrow in the indicator.
* Fix the glow in the indicator icon, that currently is bigger than the
  available space in the toolbar button.
* Add small versions of the download arrow (currently it's scaled down).
* "Show download history" when there are no entries makes the panel much too
  wide, it should be the same width as the text itself + a bit of padding.
* Understand if we want a background hover effect on the command button
  like there is for the main area of completed downloads, and if we want it
  for in-progress downloads too.
* The panel's width should be fixed but larger than the current, maybe
   depending on the browser's current UI language. At present, the label
   for blocked downloads is always larger than the panel width, and sometimes
   also the remaining time indication in download items.
* The panel's height should be less than the full screen height, so that part
   of the current page in full screen mode would be visible below it, even if
   a scrollbar would appear. Currently, when there are many items, sometimes
   the panel deanchors and loses the arrow rather than just shrinking below.
   [Implementing this might depend on adding platform support.]
* The panel's arrow should point to the center of the button even if the
   button is near to the edge of the screen. It might be compatible that the
   border of the panel goes slightly off-screen in this case.
   [Implementing this might depend on adding platform support.]
* Rename "Show Downloads History" to "Show All Downloads".

Comment 1

[:Paolo Amadini]

Additional comments from bug 697683:

* Finalize colors and styling for the paused progress bar.
* The animation for new downloads should move from the page towards the button.
  For now there is no code that detects the position of the button, thus the
  direction of the animation is fixed. The animation won't be visible if the
  button is placed in the lower part of the screen or on the opposite side to
  the default.
* The arrow animation is too opaque (at the beginning) and slow.
* The remaining time text, on Glass, is still hard to read.
* The empty panel looks bad, there is an empty white rectangle and, below it,
  there is the panel footer with the blue gradient. We should either special
  case the style here to only show the footer (still the gradient would be wrong),
  or show a centered "No recent downloads." grey text in the empty part.

Comment 3

[:Paolo Amadini]

* When the panel must be shown and no anchor can be displayed (since the
  navigation bar and tab bar are both invisible), the panel's position is
  incorrect. Probably we should display the panel with no arrow, and near the
  position that the anchor has when the toolbars are visible.

Comment 4

[Marco Bonardo [:mak]]

(In reply to Paolo Amadini from comment #3)
> * When the panel must be shown and no anchor can be displayed (since the
>   navigation bar and tab bar are both invisible), the panel's position is
>   incorrect. Probably we should display the panel with no arrow, and near the
>   position that the anchor has when the toolbars are visible.

this is a tricky problem that also hits other stuff, for example the identity panel, the star panel... they appear at the wrong position as you said. I suspect a lower level fix to the panels behavior may be better than a local fix.

Comment 5

[u428464]

(In reply to Paolo Amadini from comment #0)
> This bug tracks work to be done on top of the Downloads Panel in bug 726444.
> 
> * Windows: The magnifying glass means "search". The "open in folder" command
>   should have a folder icon instead.
On recent Stephen Horlander's mockups there is an eye instead.
http://people.mozilla.com/~shorlander/files/feature-pages/panels.jpg

Comment 6

[u428464]

Is there any progress on this aspect of the download manager or are you focusing on performance issues ?

Comment 7

[:Paolo Amadini]

(In reply to Guillaume C. [:GE3K0S] from comment #6)
> Is there any progress on this aspect of the download manager or are you
> focusing on performance issues ?

For now, I'm working on the performance issues.

Comment 8

[u428464]

Did the UX team have a final decision about showing the button by default or not ?

Comment 9

[u428464]

(In reply to Paolo Amadini [:paolo] from comment #0)
> * The panel's width should be fixed but larger than the current, maybe
>    depending on the browser's current UI language. At present, the label
>    for blocked downloads is always larger than the panel width, and sometimes
>    also the remaining time indication in download items.
Should one of the top priorities now.

Comment 10

[Marco Bonardo [:mak]]

this meta should not block the release, though its dependancies may (and do) when they are bad enough.

Comment 11

[Marco Bonardo [:mak]]

if something reported here should block please file it in a bug apart.

Comment 12

[Franpa_999]

Add the display of "Download Speed" when Firefox is unsure of the size of the file being downloaded. Currently it just says "Opening in XX minutes and XX seconds". That way you can tell activity is still happening instead of only having a progress bar to look at.

Comment 13

[Franpa_999]

And display the amount that has already been downloaded.

Comment 14

[Franpa_999]

Sorry, what I meant previously was that when Opening a file the Download Panel and Library UI should include:

• Time Elapsed
• Time Remaining (if file size is known)
• Amount downloaded (& remaining if file size is known)
• Download Speed

Dumbing it down just made it hard to know when to expect it to finish, how well it's progressing etc.