sync both themes with toolkit windows theme changes in Mozilla 55 cycle

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

diff --git a/LCARStrek/browser/syncedtabs/sidebar.css b/LCARStrek/browser/syncedtabs/sidebar.css
index 02ccb6ef514a3bf9d98d0d8bea4e3f3bf571a06a..5e25a0f51e3e4f3e80f059b4fcabec1efb6fcac6 100644 (file)
--- a/LCARStrek/browser/syncedtabs/sidebar.css
+++ b/LCARStrek/browser/syncedtabs/sidebar.css
@@ -91,14 +91,24 @@ body {
   padding-inline-start: 20px;
 }
 
-.item.tab > .item-title-container > .item-icon-container {
-  background-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+.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");
 }
 
-@media (min-resolution: 1.1dppx) {
 .item.tab > .item-title-container > .item-icon-container {
-    background-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png");
-  }
+  background-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
 }
 
 .item-icon-container {
@@ -128,6 +138,7 @@ body {
   text-overflow: ellipsis;
   margin: 0px;
   line-height: 1.3;
+  cursor: default;
 }
 
 .item[hidden] {
@@ -227,7 +238,7 @@ html {
 }
 
 .item {
-  -moz-padding-end: 0;
+  padding-inline-end: 0;
 }
 
 .item-title {
@@ -235,7 +246,7 @@ html {
 }
 
 .item-title {
-  -moz-margin-end: 6px;
+  margin-inline-end: 6px;
 }
 
 .search-box {
@@ -243,7 +254,7 @@ html {
   cursor: text;
   margin: 2px 4px;
   padding: 2px 2px 3px;
-  -moz-padding-start: 4px;
+  padding-inline-start: 4px;
   color: #E7ADE7;
   border: 1px solid #9C9CFF;
 }
@@ -313,7 +324,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;
 }
 
@@ -333,18 +344,18 @@ html {
   background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover");
 }
 
-.item.client .item-twisty-container:-moz-dir(rtl) {
+.item.client .item-twisty-container:dir(rtl) {
   background-image: url("chrome://global/skin/tree/twisty.svg#open-rtl");
 }
 
-.item.client.closed .item-twisty-container:-moz-dir(rtl) {
+.item.client.closed .item-twisty-container:dir(rtl) {
   background-image: url("chrome://global/skin/tree/twisty.svg#clsd-rtl");
 }
 
-.item.client .item-twisty-container:hover:-moz-dir(rtl) {
+.item.client .item-twisty-container:hover:dir(rtl) {
   background-image: url("chrome://global/skin/tree/twisty.svg#open-hover-rtl");
 }
 
-.item.client.closed .item-twisty-container:hover:-moz-dir(rtl) {
+.item.client.closed .item-twisty-container:hover:dir(rtl) {
   background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover-rtl");
 }