wikimedia/mediawiki-skins-MinervaNeue
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue synced 2024-09-23 18:28:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix shadow on notification overlay and navigation-drawer

Browse source 
minerva.variables.less: added gray color variable
MainMenu.less: added shadow to navigation
NotificationOverlay.less: changed alpha color of shadow
drawers.less: replaced rgba color with the same color variable

Bug: T231205
Change-Id: Ib1e16804b941a8f3b0cc639673baf73dc749a60a
This commit is contained in:
Krzysztof Witucki 2019-12-24 12:16:49 +01:00 committed by N3rsti
parent 35d6a4422e
commit 0887552619
4 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
minerva.less/minerva.variables.less
View file

@ -29,6 +29,7 @@
@grayLight: @colorGray12;
@grayLightest: @colorGray14;
@background-color-primary: @wmui-color-accent90;
@grayDrawerShadow: rgba( 0, 0, 0, 0.35 );
/*
* FIXME: Use these variables directly from wikimedia-ui-base when available.

2
resources/skins.minerva.mainMenu.styles/MainMenu.less
View file

@ -38,6 +38,7 @@
// .menu
#mw-mf-page-left {
visibility: visible;
box-shadow: 1px 0 8px 0 @grayDrawerShadow;
.transform( translate( 0, 0 ) );
}
}
@ -63,6 +64,7 @@
#main-menu-input:checked ~ #mw-mf-page-left {
visibility: visible;
box-shadow: 1px 0 8px 0 @grayDrawerShadow;
.transform( translate( 0, 0 ) );
}

2
resources/skins.minerva.mainMenu.styles/NotificationsOverlay.less
View file

@ -12,7 +12,7 @@
display: block;
width: auto;
right: 0;
box-shadow: -5px 0 0 0 rgba( 0, 0, 0, 0.3 );
box-shadow: -5px 0 0 0 @grayDrawerShadow;
}
@media all and ( min-width: @width-breakpoint-tablet ) {

2
skinStyles/mobile.startup/drawers.less
View file

@ -27,7 +27,7 @@
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 -1px 8px 0 rgba( 0, 0, 0, 0.35 );
box-shadow: 0 -1px 8px 0 @grayDrawerShadow;
word-wrap: break-word;
// needs to be higher than for overlays to show on top of overlays
z-index: @z-indexOverOverlay;