Merge "Improve Minerva drop-shadows in dark-mode"

This commit is contained in:
jenkins-bot 2024-06-12 16:02:29 +00:00 committed by Gerrit Code Review
commit 91fd8a977b
3 changed files with 4 additions and 3 deletions

View file

@ -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 );

View file

@ -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;

View file

@ -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;