2011-09-05 15:10:48 |
John Lea |
bug |
|
|
added bug |
2011-09-05 15:11:08 |
John Lea |
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 Spotify decade filter, the first step to understanding these issues is to have a good play with the very good Spotify implementation. To find this widget in Spotify, select 'radio' in the top left panel, and then the decade filter will appear at the top of the body area. Specifically examine how this widget responds to cursor drag interactions.
Desired Resolution:
- Implement drag interactions in the same style as the Spotify decade selector.
- 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 Spotify 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.
- 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.
- |
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 Spotify decade filter, the first step to understanding these issues is to have a good play with the very good Spotify implementation. To find this widget in Spotify, select 'radio' in the top left panel, and then the decade filter will appear at the top of the body area. Specifically examine how this widget responds to cursor drag interactions.
Desired Resolution:
- Implement drag interactions in the same style as the Spotify decade selector.
- 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 Spotify 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.
- 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. |
|
2011-09-05 15:11:19 |
John Lea |
tags |
|
onew udo |
|
2011-09-05 15:11:22 |
John Lea |
ayatana-design: assignee |
|
John Lea (johnlea) |
|
2011-09-05 15:11:25 |
John Lea |
ayatana-design: importance |
Undecided |
Critical |
|
2011-09-05 15:11:27 |
John Lea |
ayatana-design: status |
New |
Fix Committed |
|
2011-09-05 15:12:56 |
John Lea |
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 Spotify decade filter, the first step to understanding these issues is to have a good play with the very good Spotify implementation. To find this widget in Spotify, select 'radio' in the top left panel, and then the decade filter will appear at the top of the body area. Specifically examine how this widget responds to cursor drag interactions.
Desired Resolution:
- Implement drag interactions in the same style as the Spotify decade selector.
- 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 Spotify 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.
- 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. |
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 Spotify decade filter, the first step to understanding these issues is to have a good play with the very good Spotify implementation. To find this widget in Spotify, select 'radio' in the top left panel, and then the decade filter will appear at the top of the body area. Specifically examine how this widget responds to cursor drag interactions.
Desired Resolution:
- Implement drag interactions in the same style as the Spotify decade selector.
- 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 Spotify 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.
- 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/11_10/desktop_and_netbook/dash/ |
|
2011-09-23 14:56:02 |
Jay Ó Broin |
bug |
|
|
added subscriber J. Ó Broin |
2011-09-28 15:36:13 |
John Lea |
ayatana-design: status |
Fix Committed |
Fix Released |
|
2011-09-30 16:58:41 |
Jay Ó Broin |
bug task added |
|
unity |
|
2011-10-01 09:15:38 |
Omer Akram |
bug task added |
|
unity (Ubuntu) |
|
2011-10-01 09:15:50 |
Omer Akram |
unity: importance |
Undecided |
Medium |
|
2011-10-01 09:15:53 |
Omer Akram |
unity: status |
New |
Triaged |
|
2011-10-01 09:15:56 |
Omer Akram |
unity (Ubuntu): importance |
Undecided |
Medium |
|
2011-10-01 09:15:58 |
Omer Akram |
unity (Ubuntu): status |
New |
Triaged |
|
2011-10-01 09:16:00 |
Omer Akram |
unity: assignee |
|
Gord Allott (gordallott) |
|
2011-10-01 09:16:05 |
Omer Akram |
unity (Ubuntu): assignee |
|
Gord Allott (gordallott) |
|
2011-10-18 14:31:58 |
John Lea |
tags |
onew udo |
onew udo udp |
|
2011-10-18 14:32:02 |
John Lea |
unity: milestone |
|
backlog |
|
2011-10-18 14:32:10 |
John Lea |
ayatana-design: status |
Fix Released |
Fix Committed |
|
2011-12-13 11:37:21 |
Andrea Cimitan |
tags |
onew udo udp |
onew udo udp unity-3p |
|
2011-12-13 14:20:01 |
Andrea Cimitan |
tags |
onew udo udp unity-3p |
onew udo udp unity3p |
|
2012-02-20 15:42:40 |
John Lea |
ayatana-design: importance |
Critical |
High |
|
2012-05-02 21:49:18 |
Andrea Cimitan |
tags |
onew udo udp unity3p |
euv onew udo udp unity3p |
|
2012-09-03 14:19:06 |
John Lea |
unity: importance |
Medium |
High |
|
2012-09-03 14:19:09 |
John Lea |
unity (Ubuntu): importance |
Medium |
High |
|
2012-09-14 02:30:40 |
Tim Penhey |
unity: milestone |
backlog |
|
|
2012-09-14 07:46:26 |
Tim Penhey |
tags |
euv onew udo udp unity3p |
euv exbacklog onew udo udp unity3p |
|
2012-10-09 09:11:44 |
John Lea |
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 Spotify decade filter, the first step to understanding these issues is to have a good play with the very good Spotify implementation. To find this widget in Spotify, select 'radio' in the top left panel, and then the decade filter will appear at the top of the body area. Specifically examine how this widget responds to cursor drag interactions.
Desired Resolution:
- Implement drag interactions in the same style as the Spotify decade selector.
- 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 Spotify 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.
- 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/11_10/desktop_and_netbook/dash/ |
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.
- 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.
- 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/ |
|
2012-10-12 14:33:52 |
John Lea |
unity: assignee |
Gord Allott (gordallott) |
|
|
2012-10-12 14:33:54 |
John Lea |
unity (Ubuntu): assignee |
Gord Allott (gordallott) |
|
|
2012-12-10 14:18:29 |
Nick Dedekind |
unity: assignee |
|
Nick Dedekind (nick-dedekind) |
|
2012-12-11 14:29:23 |
John Lea |
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 in the same style as the musicovery.com decade selector.
- 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.
- 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/ |
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.
- 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/ |
|
2012-12-13 09:20:22 |
Nick Dedekind |
unity: status |
Triaged |
In Progress |
|
2012-12-18 11:45:41 |
Nick Dedekind |
branch linked |
|
lp:~nick-dedekind/unity/lp841899.filter-multi-range |
|
2012-12-21 11:23:35 |
Nick Dedekind |
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.
- 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/ |
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/ |
|
2013-01-15 22:37:08 |
Brandon Schaefer |
unity: milestone |
|
7.0.0 |
|
2013-01-15 22:42:46 |
Nick Dedekind |
unity (Ubuntu): assignee |
|
Nick Dedekind (nick-dedekind) |
|
2013-01-15 22:48:04 |
Brandon Schaefer |
unity (Ubuntu): status |
Triaged |
In Progress |
|
2013-02-15 00:51:11 |
PS Jenkins bot |
unity: status |
In Progress |
Fix Committed |
|
2013-02-19 17:41:09 |
Launchpad Janitor |
unity (Ubuntu): status |
In Progress |
Fix Released |
|
2013-04-03 14:56:19 |
Stephen M. Webb |
unity: status |
Fix Committed |
Fix Released |
|
2013-06-20 08:58:28 |
John Lea |
ayatana-design: status |
Fix Committed |
Fix Released |
|