inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-10-08 14:51:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-2097] Sidebar Action Menu - New component (#2813)

Browse Source 
SidebarMenu Component
This commit is contained in:
siva kumar
2018-01-11 20:24:50 +05:30
committed by Eugenio Romano
parent 783f7f0497
commit d5b17c14e2
25 changed files with 492 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
lib/core/sidebar/sidebar-action-menu.component.scss Normal file
View File

@@ -0,0 +1,71 @@
@mixin adf-sidebar-action-menu-theme($theme) {
$primary: map-get($theme, primary);
$foreground: map-get($theme, foreground);
$background: map-get($theme, background);
$adf-sidebar-action-menu-button-option-width: 205px;
$adf-sidebar-action-menu-button-height: 37.5px;
$adf-sidebar-action-menu-button-border-radius: 4px;
$adf-sidebar-action-menu-opacity: 0.54;
$adf-sidebar-action-menu-item-opacity: 0.87;
$adf-sidebar-action-menu-item-line-spacing: -0.4px;
.adf {
&-sidebar-action-menu {
& .mat-raised-button {
width: 100%;
height: 37.5px;
font-weight: bold;
background-color: mat-color($primary);
color: mat-color($primary, default-contrast) !important;
border-radius: $adf-sidebar-action-menu-button-border-radius;
& mat-icon {
width: 24px;
height: 25px;
color: mat-color($primary, default-contrast) !important;
}
}
&-text {
width: 100%;
height: 20px;
text-align: left;
}
}
&-sidebar-action-menu-icon {
margin: 18px 0px 0px 20px;
opacity: $adf-sidebar-action-menu-opacity;
cursor: pointer;
&:hover {
color: mat-color($primary);
opacity: inherit;
}
}
&-sidebar-action-menu-options {
width: $adf-sidebar-action-menu-button-option-width;
opacity: 0.87;
text-align: left;
letter-spacing: -0.4px;
color: #000000;
.mat-menu-item {
width: $adf-sidebar-action-menu-button-option-width;
opacity: $adf-sidebar-action-menu-item-opacity;
text-align: left;
line-height: 1.5;
letter-spacing: $adf-sidebar-action-menu-item-line-spacing;
color: #000000;
}
.mat-menu-item:hover {
color: mat-color($primary);
opacity: inherit;
}
}
}
.mat-menu-panel {
margin-top: 7.5px;
border-radius: 2px;
background-color: mat-color($primary, default-contrast) !important;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.26), 0 0 8px 0 rgba(0, 0, 0, 0.12);
}
}