diff --git a/modules/styles/mw.echo.ui.NotificationItemWidget.less b/modules/styles/mw.echo.ui.NotificationItemWidget.less index d836e0473..8964fe01a 100644 --- a/modules/styles/mw.echo.ui.NotificationItemWidget.less +++ b/modules/styles/mw.echo.ui.NotificationItemWidget.less @@ -251,19 +251,13 @@ } &-initiallyUnseen { - -webkit-animation-name: unseen-fadeout-to-read; animation-name: unseen-fadeout-to-read; - -webkit-animation-duration: 0.5s; animation-duration: 0.5s; - -webkit-animation-delay: 2s; animation-delay: 2s; - -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; - -webkit-animation-fill-mode: both; animation-fill-mode: both; &.mw-echo-ui-notificationItemWidget-unread { - -webkit-animation-name: unseen-fadeout-to-unread; animation-name: unseen-fadeout-to-unread; } } @@ -273,16 +267,6 @@ // These styles are in modules/nojs/ext.echo.notifications.less } -@-webkit-keyframes unseen-fadeout-to-unread { - from { - background-color: @notification-background-unseen; - } - - to { - background-color: @notification-background-unread; - } -} - @keyframes unseen-fadeout-to-unread { from { background-color: @notification-background-unseen; @@ -293,16 +277,6 @@ } } -@-webkit-keyframes unseen-fadeout-to-read { - from { - background-color: @notification-background-unseen; - } - - to { - background-color: @notification-background-read; - } -} - @keyframes unseen-fadeout-to-read { from { background-color: @notification-background-unseen; diff --git a/modules/styles/mw.echo.ui.PageNotificationsOptionWidget.less b/modules/styles/mw.echo.ui.PageNotificationsOptionWidget.less index 056551b5f..d8e2278a5 100644 --- a/modules/styles/mw.echo.ui.PageNotificationsOptionWidget.less +++ b/modules/styles/mw.echo.ui.PageNotificationsOptionWidget.less @@ -7,7 +7,7 @@ width: 100%; &.oo-ui-optionWidget { - .transition( ~'background-color 100ms, color 100ms' ); + transition: background-color 100ms, color 100ms; &-highlighted { background-color: #eaecf0;