Merge lp:~sladen/unity-2d/unity-2d-no-glow-lp933578 into lp:unity-2d

Proposed by Paul Sladen
Status: Superseded
Proposed branch: lp:~sladen/unity-2d/unity-2d-no-glow-lp933578
Merge into: lp:unity-2d
Diff against target: 174 lines (+2/-65) (has conflicts)
8 files modified
shell/common/SearchEntry.qml (+0/-10)
shell/common/artwork/desktop_dash_background.sci (+2/-2)
shell/dash/CategoryHeader.qml (+0/-22)
shell/dash/LensButton.qml (+0/-8)
shell/dash/LensView.qml (+0/-1)
shell/dash/MultiRangeButton.qml (+0/-7)
shell/dash/Star.qml (+0/-7)
shell/dash/TickBox.qml (+0/-8)
Contents conflict in shell/launcher/artwork/launcher_pip_ltr.png
To merge this branch: bzr merge lp:~sladen/unity-2d/unity-2d-no-glow-lp933578
Reviewer Review Type Date Requested Status
Paul Sladen (community) Needs Resubmitting
Michał Sawicz Pending
Gerry Boland Pending
Review via email: mp+94585@code.launchpad.net

This proposal supersedes a proposal from 2012-02-24.

This proposal has been superseded by a proposal from 2012-02-24.

Description of the change

No Glow assets + fixups for (LP: #933578)
This includes replacements assets for:
  Pips + arrows
  Dash search box and search box status icons
  Dash edge background (transparent)
  Dash edge background (non-transparent)
With associated code changes:
  Removal of blurRadius except for background itself
  Background tiling phase realignment for transparent background

To post a comment you must log in.
Revision history for this message
Michał Sawicz (saviq) wrote : Posted in a previous version of this proposal

Just removing "blurRadius" from DropShadows means the shadow will actually be there, and drawn, just that it won't blur. So you end up with a (expensive) copy of the text behind it.

Please completely remove the whole "effect: DropShadow {...}" properties to actually get rid of the shadows.

review: Needs Fixing
Revision history for this message
Michał Sawicz (saviq) wrote : Posted in a previous version of this proposal

Please also provide a before and after images for design sign-off.

review: Needs Fixing
Revision history for this message
Michał Sawicz (saviq) wrote : Posted in a previous version of this proposal

We need a way to indicate focus on the "Filter results", it was only being highlighted with the glow, now it's too easy to get "lost" in the dash when keyboard-navigating.

We have a similar issue with category headers that don't have "expand" links, so consistency here would probably make sense (not "it's broken" consistency, but a way to indicate focus on them).

review: Needs Fixing
Revision history for this message
Paul Sladen (sladen) wrote : Posted in a previous version of this proposal

I believe in all of these locations hover/focus is indicated by colour:white && blurRadius. The colour: white is still there and continues to provide the primary highlight.

There is a design solution for replacing the white highlight with a full-width background grey highlight, and this is in Unity 3D. However, Gerry requested that the merge say on focus and be a minimal diff without other changes other than removing the glow from the assets and code.

Revision history for this message
Paul Sladen (sladen) wrote : Posted in a previous version of this proposal

Before, After, and Delta screenshots attached to parent bug report.

review: Needs Resubmitting
Revision history for this message
Michał Sawicz (saviq) wrote : Posted in a previous version of this proposal

> I believe in all of these locations hover/focus is indicated by colour:white
> && blurRadius. The colour: white is still there and continues to provide the
> primary highlight.

> There is a design solution for replacing the white highlight with a full-width
> background grey highlight, and this is in Unity 3D.

Except that the label I mentioned ("Filter results") is already white, so we lose
focus indication completely. Please leave that one instance of the glow in place,
we'll fix the whole approach to focus in dash in a separate MR.

> However, Gerry requested that the merge say on focus and be a minimal diff
> without other changes other than removing the glow from the assets and code.

That's ok, but just removing the blurRadius property doesn't make sense. The whole
"effect: DropShadow { ... }" component is responsible for just the glow, so to remove
the glow we need to remove the whole of it.

940. By Paul Sladen

Glow: Temporaily glow/blur on "Filter Results" button to provide state constrast
per https://code.launchpad.net/~sladen/unity-2d/unity-2d-no-glow-lp933578/+merge/94560/comments/204013

941. By Paul Sladen

Drop DropShadow and associate /* HACK */ per
https://code.launchpad.net/~sladen/unity-2d/unity-2d-no-glow-lp933578/+merge/94560/comments/204013

Revision history for this message
Paul Sladen (sladen) wrote :

Done on both accounts.

review: Needs Resubmitting
942. By Paul Sladen

Additionally remove the second "Ugly Hack" message per Saviq
although it is unclear where the associate hack is/was

943. By Paul Sladen

Self-revert; LensView: restore the separate namespace "moving" usage

944. By Paul Sladen

Merge to HEAD; manually resolve binary merge conflict:
  shell/launcher/artwork/launcher_pip_ltr.png

945. By Paul Sladen

Restore property moving && associated workaround warnings

Unmerged revisions

Preview Diff

[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1=== modified file 'shell/common/SearchEntry.qml'
2--- shell/common/SearchEntry.qml 2012-02-15 13:26:26 +0000
3+++ shell/common/SearchEntry.qml 2012-02-24 18:01:19 +0000
4@@ -87,16 +87,6 @@
5 Accessible.name: searchInstructions.text
6 Accessible.role: Accessible.EditableText
7
8- effect: DropShadow {
9- id: glow
10-
11- blurRadius: 4
12- offset.x: 0
13- offset.y: 0
14- color: "white"
15- enabled: searchInput.text != "" || searchInput.inputMethodComposing
16- }
17-
18 anchors.left: searchIcon.right
19 anchors.leftMargin: -5
20 anchors.right: parent.right
21
22=== modified file 'shell/common/artwork/desktop_dash_background.png'
23Binary files shell/common/artwork/desktop_dash_background.png 2012-01-30 17:23:42 +0000 and shell/common/artwork/desktop_dash_background.png 2012-02-24 18:01:19 +0000 differ
24=== modified file 'shell/common/artwork/desktop_dash_background.sci'
25--- shell/common/artwork/desktop_dash_background.sci 2012-01-30 17:23:42 +0000
26+++ shell/common/artwork/desktop_dash_background.sci 2012-02-24 18:01:19 +0000
27@@ -1,7 +1,7 @@
28 border.left: 0
29 border.top: 0
30-border.bottom: 45
31-border.right: 46
32+border.bottom: 43
33+border.right: 44
34 source: desktop_dash_background.png
35 horizontalTileRule: Repeat
36 verticalTileRule: Repeat
37
38=== modified file 'shell/common/artwork/desktop_dash_background_no_transparency.png'
39Binary files shell/common/artwork/desktop_dash_background_no_transparency.png 2012-01-30 17:23:42 +0000 and shell/common/artwork/desktop_dash_background_no_transparency.png 2012-02-24 18:01:19 +0000 differ
40=== modified file 'shell/common/artwork/search_background.png'
41Binary files shell/common/artwork/search_background.png 2012-02-01 23:52:38 +0000 and shell/common/artwork/search_background.png 2012-02-24 18:01:19 +0000 differ
42=== modified file 'shell/common/artwork/search_icon.png'
43Binary files shell/common/artwork/search_icon.png 2012-02-01 23:52:38 +0000 and shell/common/artwork/search_icon.png 2012-02-24 18:01:19 +0000 differ
44=== modified file 'shell/dash/CategoryHeader.qml'
45--- shell/dash/CategoryHeader.qml 2012-01-10 16:52:24 +0000
46+++ shell/dash/CategoryHeader.qml 2012-02-24 18:01:19 +0000
47@@ -27,23 +27,9 @@
48 property alias label: title.text
49 property bool folded: true
50 property int availableCount
51- /* HACK: DropShadow causes visual artifacts while being moved. The previously painted
52- DropShadow can remain in areas where nothing draws over it. Work around this by
53- detecting the flicking movement and disable DropShadow when it happens.
54- DropShadow not officially supported until Qt4.8, when hopefully this will be fixed.
55- */
56- property bool moving: false
57
58 Accessible.name: "%1 %2 %3".arg(title.text).arg(label.text).arg(folded ? u2d.tr("not expanded") : u2d.tr("expanded"))
59
60- effect: DropShadow {
61- blurRadius: 6
62- offset.x: 0
63- offset.y: 0
64- color: "white"
65- enabled: ( categoryHeader.state == "pressed" && !moving )
66- }
67-
68 Image {
69 id: iconImage
70
71@@ -81,14 +67,6 @@
72 || categoryHeader.state == "hovered" ) ? 1.0 : 0.5
73 Behavior on opacity {NumberAnimation { duration: 100 }}
74
75- effect: DropShadow {
76- blurRadius: 4
77- offset.x: 0
78- offset.y: 0
79- color: "white"
80- enabled: ( moreResults.opacity == 1.0 && !moving )
81- }
82-
83 TextCustom {
84 id: label
85
86
87=== modified file 'shell/dash/LensButton.qml'
88--- shell/dash/LensButton.qml 2011-12-08 19:16:20 +0000
89+++ shell/dash/LensButton.qml 2012-02-24 18:01:19 +0000
90@@ -31,14 +31,6 @@
91
92 id: lensButton
93
94- effect: DropShadow {
95- blurRadius: 8
96- color: "white"
97- offset.x: 0
98- offset.y: 0
99- enabled: ( lensButton.state == "selected" || active )
100- }
101-
102 Rectangle {
103 anchors.fill: parent
104 anchors.topMargin: 7
105
106=== modified file 'shell/dash/LensView.qml'
107--- shell/dash/LensView.qml 2012-02-16 15:00:11 +0000
108+++ shell/dash/LensView.qml 2012-02-24 18:01:19 +0000
109@@ -114,7 +114,6 @@
110 availableCount: body.item ? foldable ? body.category_model.count - body.item.cellsPerRow : 0 : 0
111 folded: body.item ? foldable ? body.item.folded : false : false
112 onClicked: if(foldable && body.item) body.item.folded = !body.item.folded
113- moving: flickerMoving
114
115 icon: body.iconHint
116 label: body.name
117
118=== modified file 'shell/dash/MultiRangeButton.qml'
119--- shell/dash/MultiRangeButton.qml 2011-11-29 17:45:27 +0000
120+++ shell/dash/MultiRangeButton.qml 2012-02-24 18:01:19 +0000
121@@ -43,13 +43,6 @@
122 text: multiRangeButton.text
123 elide: Text.ElideRight
124
125- effect: DropShadow {
126- blurRadius: 8
127- color: "white"
128- offset.x: 0
129- offset.y: 0
130- enabled: ( multiRangeButton.state == "selected" )
131- }
132 }
133
134 Rectangle {
135
136=== modified file 'shell/dash/Star.qml'
137--- shell/dash/Star.qml 2011-11-25 15:44:18 +0000
138+++ shell/dash/Star.qml 2012-02-24 18:01:19 +0000
139@@ -29,13 +29,6 @@
140 width: childrenRect.width
141 height: childrenRect.height
142
143- effect: DropShadow {
144- blurRadius: 8
145- color: "white"
146- offset.x: 0
147- offset.y: 0
148- }
149-
150 Image {
151 width: sourceSize.width
152 height: sourceSize.height
153
154=== modified file 'shell/dash/TickBox.qml'
155--- shell/dash/TickBox.qml 2012-01-10 16:52:24 +0000
156+++ shell/dash/TickBox.qml 2012-02-24 18:01:19 +0000
157@@ -33,14 +33,6 @@
158 width: childrenRect.width
159 height: childrenRect.height
160
161- effect: DropShadow {
162- blurRadius: 8
163- color: "white"
164- offset.x: 0
165- offset.y: 0
166- enabled: ( tickBox.state == "selected" )
167- }
168-
169 Rectangle {
170 id: container
171
172
173=== renamed file 'shell/launcher/artwork/launcher_pip_ltr.png' => 'shell/launcher/artwork/launcher_pip_ltr.png.OTHER'
174Binary files shell/launcher/artwork/launcher_pip_ltr.png 2012-02-18 15:15:31 +0000 and shell/launcher/artwork/launcher_pip_ltr.png.OTHER 2012-02-24 18:01:19 +0000 differ

Subscribers

People subscribed via source and target branches