Dash - the "Decade" and "Size" dash filter category widgets are broken

Bug #841899 reported by John Lea
18
This bug affects 2 people
Affects Status Importance Assigned to Milestone
Ayatana Design
Fix Released
High
John Lea
Unity
Fix Released
High
Nick Dedekind
unity (Ubuntu)
Fix Released
High
Nick Dedekind

Bug Description

There are a number of issues with the"Decade" and "Size" dash filter category widgets.

As this widget follows the same design pattern as used by the musicovery.com decade filter, the first step to understanding these issues is to have a good play with the musicovery.com implementation. To find this widget in musicovery.com, click on anything inside the mood box on the home page (e.g. the word 'dark') and then look at the decade range filter that is then presented underneath the mood box. Specifically examine how this widget responds to both cursor drag and click interactions.

Desired Resolution:

- Implement drag interactions.

1) Dragging from a selected segment to a non-selected segment increases the selected range.

| |###|###|###| | | - pointer over item, button pressed
              ^

| |###|###|###|###| | - pointer dragged 1 to the right with button pressed
                  ^

2) Dragging from the selected segments at the far left or right of the range back over other selected segments, deselects the segments the pointer passes over (but not the segment the pointer is over at the moment the left button is released)

| |###|###|###|###| | - selection before user interaction

| |###|###|###|###| | - pointer over last item, button pressed
                  ^

| |###|###|###| | | - pointer dragged 1 to the left with button pressed
              ^

- Correct the height of this widget to match the design

- Correct the corner radius of this widget to match the design.

- Correct the click interactions. Clicking on a item in the range should select only that item, and deselect all other items.

Nick Dedekind - Split into new bug https://bugs.launchpad.net/ayatana-design/+bug/1092872
- Remove the ellipsising ("...") of filters too long to fit into their box. Each notch's box only needs to be length of it's label (they don't all need to be the same width). See the visual design.

Refer to the visual designs that are available @ https://chinstrap.canonical.com/~sabdfl/12_10/desktop_and_netbook/dash/

Related branches

John Lea (johnlea)
description: updated
tags: added: onew udo
Changed in ayatana-design:
assignee: nobody → John Lea (johnlea)
importance: Undecided → Critical
status: New → Fix Committed
description: updated
John Lea (johnlea)
Changed in ayatana-design:
status: Fix Committed → Fix Released
Omer Akram (om26er)
Changed in unity:
importance: Undecided → Medium
status: New → Triaged
Changed in unity (Ubuntu):
importance: Undecided → Medium
status: New → Triaged
Changed in unity:
assignee: nobody → Gord Allott (gordallott)
Changed in unity (Ubuntu):
assignee: nobody → Gord Allott (gordallott)
John Lea (johnlea)
tags: added: udp
Changed in unity:
milestone: none → backlog
Changed in ayatana-design:
status: Fix Released → Fix Committed
Revision history for this message
Andrea Cimitan (cimi) wrote :

Extension of this bug (related to visual pixel perfection), here:
https://bugs.launchpad.net/unity/+bug/897627

tags: added: unity-3p
Andrea Cimitan (cimi)
tags: added: unity3p
removed: unity-3p
John Lea (johnlea)
Changed in ayatana-design:
importance: Critical → High
Andrea Cimitan (cimi)
tags: added: euv
John Lea (johnlea)
Changed in unity:
importance: Medium → High
Changed in unity (Ubuntu):
importance: Medium → High
Tim Penhey (thumper)
Changed in unity:
milestone: backlog → none
Tim Penhey (thumper)
tags: added: exbacklog
Revision history for this message
Nick Dedekind (nick-dedekind) wrote :

Unfortunately it doesnt seem spotify has the same radio interface anymore, so it would be useful to get the exact required behaviour.

Revision history for this message
John Lea (johnlea) wrote :

@nick-dedekind; updated bug description to reference the 'segmented range select widget' that is used on musicovery.com

The behaviour of the widget on the musicovery.com website is identical to previous behaviour of this widget in the spotify app, and is the target we are aiming for.

description: updated
John Lea (johnlea)
Changed in unity:
assignee: Gord Allott (gordallott) → nobody
Changed in unity (Ubuntu):
assignee: Gord Allott (gordallott) → nobody
Changed in unity:
assignee: nobody → Nick Dedekind (nick-dedekind)
John Lea (johnlea)
description: updated
Changed in unity:
status: Triaged → In Progress
Revision history for this message
Nick Dedekind (nick-dedekind) wrote :

Getting rid of the ellipse is a bit of an issue.
The range labels may look ok in english, but translated strings may be longer and cause the filter widget to require space greater than the filter bar width.

I think we need a new design for the range widget which is scalable to any situation. An example of this would be a dual control slider which allows you to drag two grippers between the values.

Revision history for this message
Nick Dedekind (nick-dedekind) wrote :

I've started a new bug for the text size issue.
https://bugs.launchpad.net/ayatana-design/+bug/1092872

description: updated
Changed in unity:
milestone: none → 7.0.0
Changed in unity (Ubuntu):
assignee: nobody → Nick Dedekind (nick-dedekind)
Changed in unity (Ubuntu):
status: Triaged → In Progress
Changed in unity:
status: In Progress → Fix Committed
Revision history for this message
Launchpad Janitor (janitor) wrote :

This bug was fixed in the package unity - 6.12.0daily13.02.19.1-0ubuntu1

---------------
unity (6.12.0daily13.02.19.1-0ubuntu1) raring; urgency=low

  [ Brandon Schaefer ]
  * Multi-monitor: Mousepointer hangs when passing between monitors,
    although no Launcher is there (regression) (LP: #1120223)
  * Sticky edges should only use horizontal mouse movement (LP: #982543)

  [ Marco Trevisan (Treviño) ]
  * Launcher - Workspace switcher should not be in the Launcher by
    default (LP: #868423)
  * [regression] Unlocking a running application, removes it from the
    Launcher (LP: #1122311)
  * Launcher, Workspaces - dragging and dropping the workspaces icon on
    to the trash should switch Workspaces off (LP: #1118271)

  [ Chris Townsend ]
  * webapp: alt-tab gets "stucked" on the browser rather than going to
    the next entry (LP: #1070715)

  [ Nick Dedekind ]
  * Dash - the "Decade" and "Size" dash filter category widgets are
    broken (LP: #841899)
  * Dash Places group is shining on quick mouse over (LP: #1119487)

  [ Lukas Vacek ]
  * Show window list when right clicking an icon in launcher - enables
    quick window switching (LP: #1107866)

  [ Marco Trevisan (Treviño) <mail@3v1n0.net>, Lukas Vacek ]
  * Show window list when right clicking an icon in launcher - enables
    quick window switching (LP: #1107866)

  [ Andrea Azzarone ]
  * unity launcher vanishes when switching to mirrored displays (LP:
    #991637)
  * Opening an app with super+num shorcut doesn't give focus to the app
    (LP: #1125331)
  * Alt+` and detail switcher broken after revision 3153 (LP: #1129372)

  [ Sam Spilsbury ]
  * Unity unnecessarily clears the ShapeBounding shape of windows on
    minimize (LP: #1091600)
  * Can't access minimized window after Unity restarts (LP: #851964)

  [ Automatic PS uploader ]
  * Automatic snapshot from revision 3163
 -- Automatic PS uploader <email address hidden> Tue, 19 Feb 2013 14:26:14 +0000

Changed in unity (Ubuntu):
status: In Progress → Fix Released
Revision history for this message
Stephen M. Webb (bregma) wrote :

Fix Released in Unity Unity 7.0.0 "R series".

Changed in unity:
status: Fix Committed → Fix Released
John Lea (johnlea)
Changed in ayatana-design:
status: Fix Committed → Fix Released
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Duplicates of this bug

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.