From 34131e18c938bf9a4679f903987b1672fdf29946 Mon Sep 17 00:00:00 2001 From: siva kumar Date: Fri, 27 Apr 2018 21:42:17 +0530 Subject: [PATCH] [ADF-2771] Sidebar action menu component - UX review (#3249) * [ADF-2771] Sidebar action menu component - UX review * Changed Sidebar action menu button size * Removed border shadow * * Used the shadow color from the theme --- lib/core/sidebar/sidebar-action-menu.component.scss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/lib/core/sidebar/sidebar-action-menu.component.scss b/lib/core/sidebar/sidebar-action-menu.component.scss index 3b7a47b59b..6010723b9c 100644 --- a/lib/core/sidebar/sidebar-action-menu.component.scss +++ b/lib/core/sidebar/sidebar-action-menu.component.scss @@ -4,7 +4,7 @@ $foreground: map-get($theme, foreground); $adf-sidebar-action-menu-button-height: 37.5px; - $adf-sidebar-action-menu-button-width: 202px; + $adf-sidebar-action-menu-panel-width: 202px; $adf-sidebar-action-menu-button-border-radius: 4px; $adf-sidebar-action-menu-opacity: 0.54; $adf-sidebar-action-menu-item-opacity: 0.87; @@ -13,7 +13,9 @@ .adf { &-sidebar-action-menu { & .mat-raised-button { - width: $adf-sidebar-action-menu-button-width; + width: 100%; + display: block; + box-shadow: none !important; height: $adf-sidebar-action-menu-button-height; font-weight: bold; background-color: mat-color($primary); @@ -56,8 +58,8 @@ &-sidebar-action-menu-panel { margin-top: 7.5px; border-radius: 2px; - box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.26), 0 0 8px 0 rgba(0, 0, 0, 0.12); - min-width: $adf-sidebar-action-menu-button-width !important; + box-shadow: #{map-get($_umbra-elevation-map, 2)}, #{map-get($_penumbra-elevation-map, 2)},#{map-get($_ambient-elevation-map, 2)}; + min-width: $adf-sidebar-action-menu-panel-width !important; } } } \ No newline at end of file