inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-2771] Sidebar action menu component - UX review (#3249)

Browse Source 
* [ADF-2771] Sidebar action menu component - UX review

* Changed Sidebar action menu button size
* Removed border shadow

* * Used the shadow color from the theme
This commit is contained in:
siva kumar
2018-04-27 21:42:17 +05:30
committed by Eugenio Romano
parent a8ea0d9b96
commit 34131e18c9
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
lib/core/sidebar/sidebar-action-menu.component.scss
View File

@@ -4,7 +4,7 @@
$foreground: map-get($theme, foreground); $foreground: map-get($theme, foreground);
$adf-sidebar-action-menu-button-height: 37.5px; $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-button-border-radius: 4px;
$adf-sidebar-action-menu-opacity: 0.54; $adf-sidebar-action-menu-opacity: 0.54;
$adf-sidebar-action-menu-item-opacity: 0.87; $adf-sidebar-action-menu-item-opacity: 0.87;
@@ -13,7 +13,9 @@
.adf { .adf {
&-sidebar-action-menu { &-sidebar-action-menu {
& .mat-raised-button { & .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; height: $adf-sidebar-action-menu-button-height;
font-weight: bold; font-weight: bold;
background-color: mat-color($primary); background-color: mat-color($primary);
@@ -56,8 +58,8 @@
&-sidebar-action-menu-panel { &-sidebar-action-menu-panel {
margin-top: 7.5px; margin-top: 7.5px;
border-radius: 2px; 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); 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-button-width !important; min-width: $adf-sidebar-action-menu-panel-width !important;
} }
} }
} }