Bug 1272462 - Use regular device icon in Synced Tabs sidebar when device selected but no focus. r=markh draft
authorEdouard Oger <eoger@fastmail.com>
Thu, 12 May 2016 13:16:27 -0700
changeset 366417 e94347334cec43d05a1eb4e016fbf93bc5a630fd
parent 366346 c3f5e6079284a7b7053c41f05d0fe06ff031db03
child 520781 32c071b1a57e0e9acf7e902d0194e0eb6d873fff
push id17990
push userbmo:edouard.oger@gmail.com
push dateThu, 12 May 2016 20:17:45 +0000
reviewersmarkh
bugs1272462
milestone49.0a1
Bug 1272462 - Use regular device icon in Synced Tabs sidebar when device selected but no focus. r=markh MozReview-Commit-ID: FNVXmF8vIQm
browser/themes/shared/syncedtabs/sidebar.inc.css
--- a/browser/themes/shared/syncedtabs/sidebar.inc.css
+++ b/browser/themes/shared/syncedtabs/sidebar.inc.css
@@ -84,32 +84,34 @@ body {
 .client .item.tab > .item-title-container {
   padding-inline-start: 35px;
 }
 
 .item.tab > .item-title-container {
   padding-inline-start: 20px;
 }
 
-.item.client.device-image-desktop > .item-title-container > .item-icon-container {
-  background-image: url("chrome://browser/skin/sync-desktopIcon.svg#icon");
-}
-
 .item.client.device-image-desktop.selected > .item-title-container > .item-icon-container {
   background-image: url("chrome://browser/skin/sync-desktopIcon.svg#icon-inverted");
 }
 
-.item.client.device-image-mobile > .item-title-container > .item-icon-container {
-  background-image: url("chrome://browser/skin/sync-mobileIcon.svg#icon");
+.item.client.device-image-desktop:not(.selected) > .item-title-container > .item-icon-container,
+.item.client.device-image-desktop.selected > .item-title-container > .item-icon-container:-moz-window-inactive {
+  background-image: url("chrome://browser/skin/sync-desktopIcon.svg#icon");
 }
 
 .item.client.device-image-mobile.selected > .item-title-container > .item-icon-container {
   background-image: url("chrome://browser/skin/sync-mobileIcon.svg#icon-inverted");
 }
 
+.item.client.device-image-mobile:not(.selected) > .item-title-container > .item-icon-container,
+.item.client.device-image-mobile.selected > .item-title-container > .item-icon-container:-moz-window-inactive {
+  background-image: url("chrome://browser/skin/sync-mobileIcon.svg#icon");
+}
+
 .item.tab > .item-title-container > .item-icon-container {
   background-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
 }
 
 @media (min-resolution: 1.1dppx) {
 .item.tab > .item-title-container > .item-icon-container {
     background-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png");
   }