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

[Paul Sladen]

Unity 2D: No Glow assets + fixups for (LP: #933578)

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

[Michał Sawicz (saviq)]

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

[Michał Sawicz (saviq)]

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

review: Needs Fixing

[Michał Sawicz (saviq)]

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

[Paul Sladen (sladen)]

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.

[Paul Sladen (sladen)]

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

review: Needs Resubmitting

[Michał Sawicz (saviq)]

> 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.

[lp:~sladen/unity-2d/unity-2d-no-glow-lp933578]

940. By Paul Sladen on 2012-02-24

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 on 2012-02-24

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

942. By Paul Sladen on 2012-02-24

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

943. By Paul Sladen on 2012-02-24

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

944. By Paul Sladen on 2012-02-27

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

945. By Paul Sladen on 2012-02-27

Restore property moving && associated workaround warnings

Unmerged revisions

=== modified file 'shell/common/SearchEntry.qml'
--- shell/common/SearchEntry.qml	2012-02-15 13:26:26 +0000
+++ shell/common/SearchEntry.qml	2012-02-24 14:58:01 +0000
@@ -90,7 +90,6 @@
             effect: DropShadow {
                     id: glow
 
-                    blurRadius: 4
                     offset.x: 0
                     offset.y: 0
                     color: "white"

=== modified file 'shell/common/artwork/desktop_dash_background.png'
Binary 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 14:58:01 +0000 differ
=== modified file 'shell/common/artwork/desktop_dash_background.sci'
--- shell/common/artwork/desktop_dash_background.sci	2012-01-30 17:23:42 +0000
+++ shell/common/artwork/desktop_dash_background.sci	2012-02-24 14:58:01 +0000
@@ -1,7 +1,7 @@
 border.left: 0
 border.top: 0
-border.bottom: 45
-border.right: 46
+border.bottom: 43
+border.right: 44
 source: desktop_dash_background.png
 horizontalTileRule: Repeat
 verticalTileRule: Repeat

=== modified file 'shell/common/artwork/desktop_dash_background_no_transparency.png'
Binary 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 14:58:01 +0000 differ
=== modified file 'shell/common/artwork/search_background.png'
Binary files shell/common/artwork/search_background.png	2012-02-01 23:52:38 +0000 and shell/common/artwork/search_background.png	2012-02-24 14:58:01 +0000 differ
=== modified file 'shell/common/artwork/search_icon.png'
Binary files shell/common/artwork/search_icon.png	2012-02-01 23:52:38 +0000 and shell/common/artwork/search_icon.png	2012-02-24 14:58:01 +0000 differ
=== modified file 'shell/dash/CategoryHeader.qml'
--- shell/dash/CategoryHeader.qml	2012-01-10 16:52:24 +0000
+++ shell/dash/CategoryHeader.qml	2012-02-24 14:58:01 +0000
@@ -37,7 +37,6 @@
     Accessible.name: "%1 %2 %3".arg(title.text).arg(label.text).arg(folded ? u2d.tr("not expanded") : u2d.tr("expanded"))
 
     effect: DropShadow {
-                blurRadius: 6
                 offset.x: 0
                 offset.y: 0
                 color: "white"
@@ -82,7 +81,6 @@
         Behavior on opacity {NumberAnimation { duration: 100 }}
 
         effect: DropShadow {
-                    blurRadius: 4
                     offset.x: 0
                     offset.y: 0
                     color: "white"

=== modified file 'shell/dash/FilterPane.qml'
--- shell/dash/FilterPane.qml	2012-01-10 17:31:32 +0000
+++ shell/dash/FilterPane.qml	2012-02-24 14:58:01 +0000
@@ -36,17 +36,6 @@
         Accessible.name: title.text
 
         effect: DropShadow {
-                    blurRadius: {
-                        switch (header.state) {
-                            case "selected":
-                            case "hovered":
-                                return 4
-                            case "pressed":
-                                return 8
-                            default:
-                                return 0
-                        }
-                    }
                     offset.x: 0
                     offset.y: 0
                     color: "white"

=== modified file 'shell/dash/LensButton.qml'
--- shell/dash/LensButton.qml	2011-12-08 19:16:20 +0000
+++ shell/dash/LensButton.qml	2012-02-24 14:58:01 +0000
@@ -32,7 +32,6 @@
     id: lensButton
 
     effect: DropShadow {
-         blurRadius: 8
          color: "white"
          offset.x: 0
          offset.y: 0

=== modified file 'shell/dash/MultiRangeButton.qml'
--- shell/dash/MultiRangeButton.qml	2011-11-29 17:45:27 +0000
+++ shell/dash/MultiRangeButton.qml	2012-02-24 14:58:01 +0000
@@ -44,7 +44,6 @@
         elide: Text.ElideRight
 
         effect: DropShadow {
-             blurRadius: 8
              color: "white"
              offset.x: 0
              offset.y: 0

=== modified file 'shell/dash/Star.qml'
--- shell/dash/Star.qml	2011-11-25 15:44:18 +0000
+++ shell/dash/Star.qml	2012-02-24 14:58:01 +0000
@@ -30,7 +30,6 @@
     height: childrenRect.height
 
     effect: DropShadow {
-         blurRadius: 8
          color: "white"
          offset.x: 0
          offset.y: 0

=== modified file 'shell/dash/TickBox.qml'
--- shell/dash/TickBox.qml	2012-01-10 16:52:24 +0000
+++ shell/dash/TickBox.qml	2012-02-24 14:58:01 +0000
@@ -34,7 +34,6 @@
     height: childrenRect.height
 
     effect: DropShadow {
-         blurRadius: 8
          color: "white"
          offset.x: 0
          offset.y: 0

=== modified file 'shell/launcher/artwork/launcher_pip_ltr.png'
Binary files shell/launcher/artwork/launcher_pip_ltr.png	2011-11-11 10:19:14 +0000 and shell/launcher/artwork/launcher_pip_ltr.png	2012-02-24 14:58:01 +0000 differ