[Wallpaper Picker] Cleaned UI artefacts in Surprise Me Mode.

chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css

Index: chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css
diff --git a/chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css b/chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css
index 9bb2399e89e48e62a916d14db217d5b4cb9b5c56..abb3488e95e8468974c22bc584f15ee7a0902a6e 100644
--- a/chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css
+++ b/chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css
@@ -66,7 +66,7 @@ body {
   height: 50px;
 }
 
-#categories-list > li:hover {
+#categories-list:not([disabled]) > li:hover {
   border-top-color: rgba(255, 255, 255, 0.4);
   cursor: pointer;
 }
@@ -159,7 +159,7 @@ body {
   width: 108px;
 }
 
-.image-picker [role=listitem]:hover {
+.image-picker:not([disabled]) [role=listitem]:hover {
   outline: 3px solid #f1f1f1;
   z-index: 1;
 }
@@ -196,6 +196,11 @@ body {
   width: 108px;
 }
 
+.image-picker[disabled]~.bottom-bar #online-wallpaper-attribute,

[bshe, 2014/03/05 19:12:24]

nit: space instead of ~ ?

[François Beaufort, 2014/03/06 11:32:41]

It is a ~
The general sibling combinator selector is very similar to the adjacent sibling
combinator selector we just looked at. The difference is that that the element
being selected doesn't need immediately succeed the first element, but can
appear anywhere after it.

On 2014/03/05 19:12:24, bshe wrote:

[bshe, 2014/03/06 14:38:48]

right, my mistake. I assumed bottom-bar is a child of image-picker.

On 2014/03/06 11:32:41, François Beaufort wrote:

+.image-picker[disabled] .check {
+  visibility: hidden;
+}
+
 .image-picker[disabled],
 .image-picker-offline img:not([offline]) {
   -webkit-filter: grayscale(1);
@@ -302,7 +307,7 @@ body:not([custom]) [visibleif~='custom'] {
   content: url('../images/ui/add-wallpaper-thumbnail.png');
 }
 
-#add-new:hover img {
+.image-picker:not([disabled]) #add-new:hover img {
   content: url('../images/ui/add-wallpaper-thumbnail-hover.png');
 }