Additional ULS styles

This commit is contained in:
alistair3149 2019-08-12 23:56:49 -04:00
parent 805ab632b4
commit 4b078cb929
4 changed files with 51 additions and 2 deletions

View file

@ -672,11 +672,11 @@ figcaption,
}
@media only screen and (max-width: @screen3) {
.webfonts-changed .toc {
.webfonts-changed #toc {
display: block!important; // Hide until everything is loaded
}
.mw-body-content #mw-content-text .mw-parser-output .toc {
.mw-body-content #mw-content-text .mw-parser-output #toc {
display: none;
background: @base-100;

View file

@ -187,6 +187,7 @@
"+ext.translate.special.translate": "skinStyles/ext.translate.special.translate.less",
"+ext.translate.messagetable": "skinStyles/ext.translate.messagetable.less",
"+ext.translate.tag.languages": "skinStyles/ext.translate.tag.languages.less",
"+ext.uls.common": "skinStyles/ext.uls.common.less",
"+ext.uls.pt": "skinStyles/ext.uls.pt.less",
"+ext.visualEditor.core": "skinStyles/ext.visualEditor.core.less"
}

View file

@ -4,11 +4,23 @@
*/
@import '../resources/variables.less';
@import '../resources/mixins.less';
.mw-echo-ui-overlay {
z-index: 6;
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
position: relative;
z-index: 2;
border: 0!important;
.boxshadow(2);
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
border-color: @base-80!important;
}
// 500px or below will break the message box, +40px margin
@media only screen and (max-width: 540px) {
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup {

View file

@ -0,0 +1,36 @@
/*
* Citizen - ULS Styles
* https://starcitizen.tools
*/
@import '../resources/variables.less';
@import '../resources/mixins.less';
// Need important to override
.uls-menu {
border: 0!important;
border-radius: 0;
.boxshadow(5)!important;
}
.uls-search {
z-index: 1;
position: relative;
border: 0;
transition: @transition-box-shadow;
.boxshadow(2);
&:focus-within {
.boxshadow(3);
}
}
// Gotta fix this for mobile
.uls-narrow {
left: 0!important;
width: 100%!important;
}
#uls-settings-block {
border-color: @base-80!important;
}