feat(Echo): sync Echo alert styles with mw.notifications

This commit is contained in:
alistair3149 2024-10-22 16:38:52 -04:00
parent b66ce9dbe8
commit cabf6b4e07
No known key found for this signature in database

View file

@ -10,32 +10,26 @@
@import '../../../resources/variables.less';
/* Sync styles with mw.notifications */
.mw-echo-alert {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: @z-index-overlay;
width: auto;
max-width: @max-width-breakpoint-tablet;
max-width: 80vw;
padding: 0;
margin: var( --space-xs );
font-size: var( --font-size-small );
line-height: var( --line-height-sm );
color: var( --color-base );
background-color: var( --color-surface-1 );
background-color: var( --background-color-warning-subtle );
border: var( --border-width-base ) solid var( --border-color-base );
border-radius: var( --border-radius-large );
border-radius: var( --border-radius-medium );
box-shadow: var( --box-shadow-drop-xx-large );
@media only screen and ( min-width: @min-width-breakpoint-desktop ) {
right: unset;
left: var( --header-size );
}
// Needed additional specificity
&.mw-list-item > a {
padding: var( --space-md );
padding: var( --space-sm ) var( --space-md );
border-radius: var( --border-radius-large );
}
}