Bug 1273980 - Handle correctly Synced Tabs sidebar device icon focussed states. r=markh
MozReview-Commit-ID: 29UKxxfxKuI
--- 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");
}