Bug 1272462 - Use regular device icon in Synced Tabs sidebar when device selected but no focus. r=markh
MozReview-Commit-ID: FNVXmF8vIQm
--- 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");
}