Better color to represent read notifications

Replace color of read notification background
in notifications list with Base 80, also
slightly increase opacity of timestamp to
be more visible.

Bug: T78594
Change-Id: I93e26a9eb7e01a8b46bcac8b7ed72ddf06a63f30
This commit is contained in:
Albert221 2017-12-09 02:09:18 +01:00
parent 7b75fb5e9c
commit c6388532c0
2 changed files with 4 additions and 2 deletions

View file

@ -24,6 +24,8 @@
@badge-distance-adjustment: 1em;
@badge-offscreen-offset: 1000px;
@notification-item-background-read: #eaecf0;
@notification-background-unseen: #dce8ff;
@notification-background-unread: @background-color-base;
@notification-background-read: #eaecf0;
@ -38,7 +40,7 @@
@bundle-group-padding: 0.7em;
@notification-popup-width: 500px;
@opacity-low: 0.5;
@opacity-low: 0.6;
@opacity-mid: 0.8;
@specialpage-separation-unit: 0.7em;

View file

@ -3,7 +3,7 @@
@import '../echo.mixins';
.mw-echo-ui-notificationItemWidget {
background-color: #f1f1f1; // FIXME: needs to be aligned with WikimediaUI color palette
background-color: @notification-item-background-read;
position: relative;
white-space: normal;
padding: 0.8em 1em 0.5em 1em;