From 7958f571748cd405fb750a4b871d6f0d8c1f92a2 Mon Sep 17 00:00:00 2001 From: Kris Date: Thu, 15 Jun 2023 10:52:51 -0400 Subject: [PATCH] UX: softer dropdown and menu panel shadows (#22114) --- app/assets/stylesheets/color_definitions.scss | 4 ++-- .../stylesheets/common/foundation/color_transformations.scss | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/app/assets/stylesheets/color_definitions.scss b/app/assets/stylesheets/color_definitions.scss index 16e681d030a..5211a129cca 100644 --- a/app/assets/stylesheets/color_definitions.scss +++ b/app/assets/stylesheets/color_definitions.scss @@ -138,9 +138,9 @@ --shadow-modal: 0 8px 60px rgba(0, 0, 0, #{$shadow-opacity-modal}); --shadow-composer: 0 -1px 40px rgba(0, 0, 0, #{$shadow-opacity-composer}); - --shadow-menu-panel: 0 12px 12px rgba(0, 0, 0, #{$shadow-opacity-menu-panel}); + --shadow-menu-panel: 0 8px 12px rgba(0, 0, 0, #{$shadow-opacity-menu-panel}); --shadow-card: 0 4px 14px rgba(0, 0, 0, #{$shadow-opacity-card}); - --shadow-dropdown: 0 2px 3px 0 rgba(0, 0, 0, #{$shadow-opacity-dropdown}); + --shadow-dropdown: 0 2px 12px 0 rgba(0, 0, 0, #{$shadow-opacity-dropdown}); --shadow-header: 0 2px 4px -1px rgba(0, 0, 0, #{$shadow-opacity-header}); --shadow-footer-nav: 0 0 2px 0 rgba(0, 0, 0, #{$shadow-opacity-footer-nav}); --shadow-focus-danger: 0 0 6px 0 var(--danger); diff --git a/app/assets/stylesheets/common/foundation/color_transformations.scss b/app/assets/stylesheets/common/foundation/color_transformations.scss index 7d32a179214..fa2a1f05408 100644 --- a/app/assets/stylesheets/common/foundation/color_transformations.scss +++ b/app/assets/stylesheets/common/foundation/color_transformations.scss @@ -177,6 +177,6 @@ $shadow-opacity-modal: dark-light-choose(0.6, 1) !default; $shadow-opacity-composer: dark-light-choose(0.12, 0.35) !default; $shadow-opacity-menu-panel: dark-light-choose(0.15, 0.35) !default; $shadow-opacity-card: dark-light-choose(0.15, 0.5) !default; -$shadow-opacity-dropdown: dark-light-choose(0.2, 0.35) !default; +$shadow-opacity-dropdown: dark-light-choose(0.1, 0.25) !default; $shadow-opacity-header: dark-light-choose(0.25, 0.45) !default; $shadow-opacity-footer-nav: dark-light-choose(0.2, 0.4) !default;