first part of syncing LCARStrek with Firefox 49/50 devtools theme changes

[themes.git] / LCARStrek / browser / syncedtabs / sidebar.css

diff --git a/LCARStrek/browser/syncedtabs/sidebar.css b/LCARStrek/browser/syncedtabs/sidebar.css
index fa6f601c07885be4de017452cc4f336ddbd2f37f..a62b2b2545199d38ae03558c4cebd3b9ab59bcc1 100644 (file)
--- a/LCARStrek/browser/syncedtabs/sidebar.css
+++ b/LCARStrek/browser/syncedtabs/sidebar.css
@@ -91,6 +91,22 @@ body {
   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:focus > .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-mobile.selected:focus > .item-title-container > .item-icon-container {
+  background-image: url("chrome://browser/skin/sync-mobileIcon.svg#icon-inverted");
+}
+
 .item.tab > .item-title-container > .item-icon-container {
   background-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
 }
@@ -128,6 +144,7 @@ body {
   text-overflow: ellipsis;
   margin: 0px;
   line-height: 1.3;
+  cursor: default;
 }
 
 .item[hidden] {
@@ -313,7 +330,7 @@ html {
   background-repeat: no-repeat;
   background-position: center;
   padding-top: 5px;
-  width: 9px; /* The image's width is 9 pixels */
+  max-width: 9px; /* The image's width is 9 pixels */
   height: 9px;
 }