mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-11 16:38:20 +00:00
Merge "Improve Minerva drop-shadows in dark-mode"
This commit is contained in:
commit
91fd8a977b
|
@ -8,7 +8,8 @@
|
|||
overflow-y: auto;
|
||||
// The menu floats over content but below overlays.
|
||||
z-index: @z-index-drawer;
|
||||
box-shadow: 0 5px 17px 0 rgba( 0, 0, 0, 0.24 ), 0 0 1px #a2a9b1;
|
||||
// Two box-shadows: first creates a drop-shadow, second acts as a subtle border.
|
||||
box-shadow: 0 5px 17px 0 rgba( 0, 0, 0, 0.24 ), 0 0 1px @border-color-base;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transform: translateY( -8px );
|
||||
|
|
|
@ -112,7 +112,7 @@ main {
|
|||
border: @border-width-base @border-style-base @border-color-inverted;
|
||||
border-radius: @border-radius-base;
|
||||
padding: @padding-vertical-search 0 @padding-vertical-search @padding-start-search-icon;
|
||||
box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.05 );
|
||||
box-shadow: @box-shadow-drop-small;
|
||||
// Keyboard focus is taken care of below at `.search:focus`.
|
||||
outline: 0;
|
||||
transition-property: border-color, box-shadow;
|
||||
|
|
|
@ -36,7 +36,7 @@
|
|||
.toast,
|
||||
.drawer {
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 -1px 8px 0 @box-shadow-color-base;
|
||||
box-shadow: @box-shadow-drop-xx-large;
|
||||
word-wrap: break-word;
|
||||
// don't use visibility: hidden in old browsers that don't support animations
|
||||
display: none;
|
||||
|
|
Loading…
Reference in a new issue