Files
mediawiki-extensions-Univer…/resources/css/ext.uls.interface.less
Santhosh Thottingal 3450f90678 Add support for empty states to the current language selector
Bug: T290436
Change-Id: I42c5d44ec15e291d71723c9738ddb8f0d1cf0b09
2022-07-01 09:16:40 +00:00

73 lines
1.3 KiB
Plaintext

/* stylelint-disable selector-max-id */
@import 'mediawiki.mixins';
#uls-settings-block {
background-color: #f8f9fa;
border-top: 1px solid #c8ccd1;
padding-left: 10px;
line-height: 1.2em;
border-radius: 0 0 2px 2px;
> button {
background: left top transparent no-repeat;
// Support: Safari 3.1-6.1 & Android browser 3-4.3
// Don't support `background-size` values in `background` shorthand
background-size: 20px auto;
color: #54595d;
display: inline-block;
// Normalize the button
margin: 8px 15px;
border: 0;
padding: 0 0 0 26px;
font-size: medium;
cursor: pointer;
&:hover {
color: #202122;
}
&.display-settings-block {
background-image: url( ../images/display.svg );
}
&.input-settings-block {
background-image: url( ../images/input.svg );
}
}
}
.mw-ui-button.uls-language-actions-button {
position: absolute;
bottom: 0;
// set a value that doesn't cause overlap with scrollbar
right: 16px;
background: center transparent no-repeat;
min-width: unset;
&--single {
background-image: url( ../images/cog.svg );
}
&--multiple {
background-image: url( ../images/ellipsis.svg );
}
}
.uls-tipsy.uls-tipsy {
z-index: 1000;
}
.uls-empty-state {
padding: 28px;
.uls-empty-state__header,
.uls-empty-state__desc {
color: #54595d;
}
.uls-language-action-items {
list-style: none;
margin: 1em 0;
}
}