mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
84a9837789
* [ADF-2771] Sidebar action menu component - UX review * Add a input property to set the width of sidebar-action-menu. * [ADF-2888] UX doesn't respect the Sidenav specifiactions * Add a input property to set the width of sidebar-action-menu.
17 lines
866 B
HTML
17 lines
866 B
HTML
<div class="adf-sidebar-action-menu">
|
|
<button *ngIf="isExpanded()" mat-raised-button class="adf-sidebar-action-menu-button" data-automation-id="create-button" [matMenuTriggerFor]="adfSidebarMenu">
|
|
<span *ngIf="title" class="adf-sidebar-action-menu-text">{{ title }}</span>
|
|
<ng-content select="[sidebar-menu-title-icon]"></ng-content>
|
|
</button>
|
|
|
|
<div *ngIf="!isExpanded()" class="adf-sidebar-action-menu-icon" [matMenuTriggerFor]="adfSidebarMenu">
|
|
<ng-content select="[sidebar-menu-expand-icon]"></ng-content>
|
|
</div>
|
|
|
|
<mat-menu #adfSidebarMenu="matMenu" class="adf-sidebar-action-menu-panel" [overlapTrigger]="false" yPosition="below">
|
|
<div class="adf-sidebar-action-menu-options" [style.width.px]="width">
|
|
<ng-content select="[sidebar-menu-options]"></ng-content>
|
|
</div>
|
|
</mat-menu>
|
|
</div>
|