Styling adjustments for notifications

Bug: T125969
Bug: T128444
Change-Id: I3dba4fcddf5262450cce4ba384abfdc3518b7cb8
This commit is contained in:
Moriel Schottlender 2016-03-03 12:54:11 -08:00 committed by Mooeypoo
parent ac556cf7c7
commit 541335d90f
3 changed files with 13 additions and 11 deletions

View file

@ -30,7 +30,9 @@
}
&-prioritized {
.mw-echo-ui-mixin-hover-opacity();
display: inline-block;
padding: 0;
}
// Correct for when inside the popup menu

View file

@ -13,7 +13,7 @@
}
&-content {
margin-bottom: 0.5em;
margin-bottom: 1em;
padding-right: 0.8em;
padding-left: ~"calc(30px + 1.6em)"; // 30px+0.8em from ItemWidget, plus 0.8em
}

View file

@ -6,7 +6,6 @@
background-color: #F1F1F1;
border-bottom: 1px solid #DDDDDD;
white-space: normal;
line-height: 16px;
&:hover > a {
text-decoration: none;
@ -33,6 +32,7 @@
width: 100%;
&-message {
line-height: 16px;
&-header {
color: @notification-text-color;
}
@ -55,20 +55,18 @@
& > &-buttons.oo-ui-buttonSelectWidget {
display: table-cell;
vertical-align: top;
width: 100%;
vertical-align: middle;
}
.mw-echo-ui-menuItemWidget {
&:not(:last-child) {
margin-right: 1em;
}
margin-right: 1.2em;
}
&-menu {
.mw-echo-ui-mixin-hover-opacity();
display: table-cell;
vertical-align: top;
padding: 0 0.5em;
vertical-align: middle;
padding: 0;
.oo-ui-popupWidget-popup {
font-size: 1 / 0.8em;
@ -78,10 +76,12 @@
&-timestamp {
display: table-cell;
vertical-align: top;
vertical-align: middle;
text-align: right;
color: black;
opacity: @opacity-low;
white-space: nowrap;
width: 100%;
}
}
@ -155,7 +155,7 @@
float: right;
font-size: 1em;
margin-top: -0.5em;
margin-right: -0.5em;
margin-right: -0.4em;
padding: 0;
.mw-echo-ui-notificationItemWidget-bundle & {