mediawiki-skins-Citizen/skinStyles/extensions/Echo/ext.echo.ui.desktop.less
alistair3149 c88df2d194
feat(tokens): deprecate old font-weight-semibold variables
Old variables are being deprecated to align naming convention with Codex.
They will be hard-deprecated on the next major Citizen version.
2024-10-23 17:34:41 -04:00

60 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 {
filter: none; // disable filter drop shadow
> .oo-ui-popupWidget-popup {
> .oo-ui-popupWidget {
&-head {
border-bottom-color: var( --border-color-base );
> .oo-ui-iconWidget {
opacity: var( --opacity-icon-base );
}
> .oo-ui-labelElement-label {
padding-top: 0.15em; // compensate font size changes
font-size: 1rem;
font-weight: var( --font-weight-semi-bold );
}
}
&-body {
max-width: 100% !important; // do not overflow the screen
overscroll-behavior: contain; // do not overscoll outside
}
&-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
}
}
}