X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fglobal%2Falerts%2Falert-common.css;h=5e8b052e9f5280a09acea2d47564564dd37a175d;hb=07296beb54b9f42727fbce3473d76c6e3f7cf173;hp=5bcdfcb8ed1ce9db9dd7a32904ba197a14a31b1a;hpb=d471380e99d65fcd126e0f04b94c1d3a8004cf3d;p=themes.git

diff --git a/LCARStrek/global/alerts/alert-common.css b/LCARStrek/global/alerts/alert-common.css
index 5bcdfcb8..5e8b052e 100644
--- a/LCARStrek/global/alerts/alert-common.css
+++ b/LCARStrek/global/alerts/alert-common.css
@@ -26,6 +26,12 @@
   animation-name: alert-fadeout-animation;
 }
 
+#alertBox[animate]:not([clicked]):not([closing]):hover {
+  /* !important is necessary because CSS animations have highest
+     importance in the cascade with exception to !important rules. */
+  opacity: 1 !important;
+}
+
 @keyframes alert-animation {
   from {
     opacity: 0;
@@ -53,6 +59,22 @@
   }
 }
 
+#alertIcon {
+  margin-top: 6px;
+  margin-inline-start: 8px;
+  margin-inline-end: 0;
+  margin-bottom: 0;
+  width: 16px;
+  min-height: 16px;
+  max-height: 16px;
+}
+
+@media (resolution: 2dppx) {
+  #alertIcon {
+    image-rendering: -moz-crisp-edges;
+  }
+}
+
 #alertImage {
   width: 80px;
   height: 80px;
@@ -107,7 +129,9 @@
 #alertSettings {
   border-radius: 20px;
   min-width: 0;
-  list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-grayscale");
+  list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg");
+  -moz-context-properties: fill;
+  fill: #A09090;
   margin-inline-end: 0;
   margin-bottom: 0;
 }
@@ -118,7 +142,7 @@
 
 #alertSettings:hover,
 #alertSettings[open] {
-  list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-inverted");
+  fill: #000000;
 }
 
 #alertSettings:hover {