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;
#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;
}
#alertSettings:hover,
#alertSettings[open] {
- list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-inverted");
+ fill: #000000;
}
#alertSettings:hover {