mediawiki-skins-Citizen/skinStyles/extensions/Echo/ext.echo.ui.desktop.less
2021-08-11 17:02:44 -04:00

54 lines
1.2 KiB
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:Echo
* Module: ext.echo.ui.desktop
* Version: REL1_35 347c30e
*
* Date: 2021-08-11
*/
.mw-echo-ui-notificationBadgeButtonPopupWidget {
&-popup {
margin-top: 8px; // align with other menus
box-shadow: 0 14px 28px rgba( 0, 0, 0, 0.0625 ), 0 10px 10px rgba( 0, 0, 0, 0.055 ); // boxshadow 3
filter: none; // disable filter drop shadow
> .oo-ui-popupWidget-popup {
> .oo-ui-popupWidget-head {
box-sizing: content-box; // fix overflow
border-bottom-color: var( --border-color-base );
> .oo-ui-iconWidget {
opacity: var( --opacity-icon-base );
}
> .oo-ui-labelElement-label {
color: var( --color-base--emphasized );
}
}
> .oo-ui-popupWidget-footer {
border-top-color: var( --border-color-base );
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons {
display: flex;
.oo-ui-buttonElement {
display: block;
width: 100%; // Buttons fill up the empty space
&:last-child {
border-left-color: var( --border-color-base );
}
}
}
}
}
> .oo-ui-popupWidget-anchor {
display: none; // the anchor overflow the viewport
}
}
}