diff --git a/demo-shell/src/app/components/process-service/process-service.component.html b/demo-shell/src/app/components/process-service/process-service.component.html index 324c9dfb60..018848bab1 100644 --- a/demo-shell/src/app/components/process-service/process-service.component.html +++ b/demo-shell/src/app/components/process-service/process-service.component.html @@ -4,7 +4,7 @@
- + arrow_drop_down
-
+
diff --git a/lib/core/sidebar/sidebar-action-menu.component.scss b/lib/core/sidebar/sidebar-action-menu.component.scss index 6010723b9c..7222be4b0d 100644 --- a/lib/core/sidebar/sidebar-action-menu.component.scss +++ b/lib/core/sidebar/sidebar-action-menu.component.scss @@ -4,11 +4,11 @@ $foreground: map-get($theme, foreground); $adf-sidebar-action-menu-button-height: 37.5px; - $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; $adf-sidebar-action-menu-item-line-spacing: -0.4px; + $adf-sidebar-action-menu-item-font-size: 14px; .adf { &-sidebar-action-menu { @@ -45,6 +45,7 @@ text-align: left; letter-spacing: $adf-sidebar-action-menu-item-line-spacing; .mat-menu-item { + font-size: $adf-sidebar-action-menu-item-font-size; color: mat-color($foreground, text, $adf-sidebar-action-menu-item-opacity); text-align: left; line-height: 1.5; @@ -59,7 +60,6 @@ margin-top: 7.5px; border-radius: 2px; 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 diff --git a/lib/core/sidebar/sidebar-action-menu.component.ts b/lib/core/sidebar/sidebar-action-menu.component.ts index d9e4417a9a..7ff13b8326 100644 --- a/lib/core/sidebar/sidebar-action-menu.component.ts +++ b/lib/core/sidebar/sidebar-action-menu.component.ts @@ -36,6 +36,9 @@ export class SidebarActionMenuComponent { @Input() expanded: boolean; + @Input() + width: number = 272; + isExpanded(): boolean { return this.expanded; }