mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-11-29 01:54:33 +00:00
f9481040d5
With this change we will no longer be relying on JS for the badge functionality. This will prevent the flash of unstyled content, and allow wikis to locally override the styling (since the unread class is now applied immediately). I also went ahead and made the badge styling more closely match the talk page message alert styling per Vibha. Also removed the old full link optional behavior since we weren't using it, and it would have been a pain to maintain. Bug: 48165 Bug: 48001 Change-Id: Ie85d66afd5181d487d0bb2776ae14b121ea50d88
160 lines
3.2 KiB
CSS
160 lines
3.2 KiB
CSS
.mw-echo-overlay {
|
|
position: absolute;
|
|
top: 2.6em;
|
|
left: -200px;
|
|
border: 1px solid silver;
|
|
background-color: #fff;
|
|
width: 450px;
|
|
min-height: 2em;
|
|
padding: 0;
|
|
color: #6D6D6D;
|
|
z-index: 100;
|
|
box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.35);
|
|
/* Override for Monobook */
|
|
text-align: left;
|
|
}
|
|
.mw-echo-overlay-pokey {
|
|
/* @embed */
|
|
background-image: url('PokeyNorth.png');
|
|
background-repeat: no-repeat;
|
|
width: 21px;
|
|
height: 11px;
|
|
position: absolute;
|
|
z-index: 101;
|
|
top: 21px;
|
|
left: -5px;
|
|
}
|
|
|
|
#p-personal .mw-echo-overlay {
|
|
/* Override for Monobook */
|
|
text-transform: none;
|
|
}
|
|
#p-personal .mw-echo-overlay ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: auto;
|
|
/* Overrides for Monobook */
|
|
text-align: left;
|
|
text-transform: none;
|
|
}
|
|
#p-personal #mw-echo-overlay-link {
|
|
/* Override for Monobook */
|
|
padding-bottom: 15px;
|
|
}
|
|
#p-personal #mw-echo-overlay-pref-link {
|
|
/* Override for Monobook */
|
|
padding-bottom: 15px;
|
|
}
|
|
#p-personal .mw-echo-overlay li.mw-echo-notification {
|
|
background-color: #F0F0F0;
|
|
display: block;
|
|
float: none;
|
|
border-bottom: 1px solid #DDDDDD;
|
|
padding: 15px 40px 10px 10px;
|
|
margin: 0;
|
|
white-space: normal;
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
/* Override for Monobook */
|
|
color: #6D6D6D;
|
|
}
|
|
#p-personal .mw-echo-overlay li.mw-echo-notification:hover {
|
|
background-color: #F8F8F8;
|
|
}
|
|
#p-personal .mw-echo-overlay li.mw-echo-notification.mw-echo-unread,
|
|
#p-personal .mw-echo-overlay li.mw-echo-notification.mw-echo-unread:hover {
|
|
background-color: white;
|
|
}
|
|
#p-personal .mw-echo-overlay li.mw-echo-notification:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.mw-echo-overlay-title {
|
|
/*border-bottom: 1px solid #A7D7F9;*/
|
|
font-size: 13px;
|
|
line-height: 15px;
|
|
height: 15px;
|
|
padding: 15px 15px 15px 28px;
|
|
border-bottom: 1px solid #DDDDDD;
|
|
position: relative;
|
|
}
|
|
#mw-echo-overlay-title-text {
|
|
display: inline-block;
|
|
}
|
|
#mw-echo-overlay-moreinfo-link {
|
|
display: inline-block;
|
|
margin: 0px 2px -1px 4px;
|
|
height: 13px;
|
|
width: 13px;
|
|
/* @embed */
|
|
background-image: url(Help.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0;
|
|
filter: alpha(opacity=50);
|
|
opacity: 0.5;
|
|
}
|
|
#mw-echo-overlay-moreinfo-link:hover {
|
|
filter: alpha(opacity=100);
|
|
opacity: 1.0;
|
|
}
|
|
|
|
#mw-echo-overlay-footer {
|
|
padding: 0px;
|
|
border-top: 1px solid #DDDDDD;
|
|
}
|
|
|
|
#mw-echo-overlay-link {
|
|
display: block;
|
|
clear: left;
|
|
float: left;
|
|
padding: 15px 15px 15px 60px;
|
|
/* 149px instead of 150px due to Chrome rounding bug (bug 47897) */
|
|
width: 149px;
|
|
min-height: 14px;
|
|
font-size: 13px;
|
|
/* @embed */
|
|
background-image: url(../icons/NotificationsPage-ltr.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 17% 50%;
|
|
}
|
|
|
|
#mw-echo-overlay-pref-link {
|
|
display: block;
|
|
float: left;
|
|
width: 174px;
|
|
min-height: 14px;
|
|
font-size: 13px;
|
|
padding: 15px 15px 15px 35px;
|
|
border-left: 1px solid #DDDDDD;
|
|
/* @embed */
|
|
background-image: url(../icons/Settings.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 5% 50%;
|
|
}
|
|
|
|
#pt-notifications {
|
|
position: relative;
|
|
}
|
|
|
|
.mw-echo-overlay-none {
|
|
font-size: 13px;
|
|
border-bottom: 1px solid #DDDDDD;
|
|
padding: 15px 15px 10px 60px;
|
|
}
|
|
|
|
#mw-echo-mark-read-button {
|
|
position: absolute;
|
|
bottom: 12px;
|
|
right: 15px;
|
|
padding: 1px 8px;
|
|
font-size: 11px;
|
|
line-height: 15px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#mw-echo-overlay-feedback-link {
|
|
position: absolute;
|
|
bottom: 12px;
|
|
right: 15px;
|
|
}
|