Bug 1184790 - Force notifications to have opacity:1 when hovered to make sure that we show a readable notification during the intro/exit animation of the notification if the user has their mouse in the area. r=MattN
authorJared Wein <jwein@mozilla.com>
Thu, 15 Sep 2016 17:02:38 -0400
changeset 357640 5ac7de63360948e4e7979ad483a2214e2c3fd472
parent 357535 9b42d4b1f448b6bc328c8b992ef1b662f21ce379
child 357641 fd2adbce4fafd6de87b507656b0ae38ae6c55763
push id1324
push usermtabara@mozilla.com
push dateMon, 16 Jan 2017 13:07:44 +0000
treeherdermozilla-release@a01c49833940 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersMattN
bugs1184790
milestone51.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1184790 - Force notifications to have opacity:1 when hovered to make sure that we show a readable notification during the intro/exit animation of the notification if the user has their mouse in the area. r=MattN MozReview-Commit-ID: DccStz4VXCQ
toolkit/themes/shared/alert-common.css
--- a/toolkit/themes/shared/alert-common.css
+++ b/toolkit/themes/shared/alert-common.css
@@ -21,16 +21,22 @@
 
 /* This is used if the close button is clicked
    before the animation has finished. */
 #alertBox[animate][closing] {
   animation-duration: .6s;
   animation-name: alert-closing-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;
   }
   5% {
     opacity: 1;
   }
   95% {