** Description changed:
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 in the same style as the musicovery.com
- decade selector.
+ - 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, again using the musicovery.com widget
- as a model of the desired behaviour. Specific items in need of
- attention includes shortening the selection by clicking on a item inside
- the range (should shorten to *include* the item clicked on) and the
- behaviour when only two segments are selected and one of them is then
- clicked on.
+ - Correct the click interactions. Clicking on a item in the range
+ should select only that item, and deselect all other items.
- 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/
--
You received this bug notification because you are a member of Ubuntu
Bugs, which is subscribed to Ubuntu.
https://bugs.launchpad.net/bugs/841899
Title:
Dash - the "Decade" and "Size" dash filter category widgets are broken
To manage notifications about this bug go to:
https://bugs.launchpad.net/ayatana-design/+bug/841899/+subscriptions
--
ubuntu-bugs mailing list
[email protected]
https://lists.ubuntu.com/mailman/listinfo/ubuntu-bugs
