Bug 1273980 - Handle correctly Synced Tabs sidebar device icon focussed states. r=markh draft
authorEdouard Oger <eoger@fastmail.com>
Mon, 06 Jun 2016 14:00:57 -0700
changeset 375877 09b4aa6ed51c5278a918cf587cf6125fa35bd3cf
parent 375744 d98f20c25feeac4dd7ebbd1c022957df1ef58af4
child 522997 1ca2fabbda3e7d7c924d90d198d69ab53e0a0505
push id20411
push userbmo:edouard.oger@gmail.com
push dateMon, 06 Jun 2016 21:01:12 +0000
reviewersmarkh
bugs1273980
milestone49.0a1
Bug 1273980 - Handle correctly Synced Tabs sidebar device icon focussed states. r=markh MozReview-Commit-ID: 29UKxxfxKuI
browser/themes/shared/syncedtabs/sidebar.inc.css
--- a/browser/themes/shared/syncedtabs/sidebar.inc.css
+++ b/browser/themes/shared/syncedtabs/sidebar.inc.css
@@ -84,34 +84,32 @@ 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.selected > .item-title-container > .item-icon-container {
+.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:focus > .item-title-container > .item-icon-container {
   background-image: url("chrome://browser/skin/sync-desktopIcon.svg#icon-inverted");
 }
 
-.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 > .item-title-container > .item-icon-container {
+  background-image: url("chrome://browser/skin/sync-mobileIcon.svg#icon");
 }
 
-.item.client.device-image-mobile.selected > .item-title-container > .item-icon-container {
+.item.client.device-image-mobile.selected:focus > .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");
   }