inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-09-17 14:21:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

proper collapse button

Browse Source
This commit is contained in:
Denys Vuika
2023-02-13 14:46:58 -05:00
committed by Yasa-Nataliya
parent 396e1e573f
commit ce2e8cdaea
4 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
projects/aca-content/src/lib/components/sidenav/components/expand-menu.component.html
View File

@@ -23,7 +23,7 @@
#acaExpansionPanel="acaExpansionPanel" #acaExpansionPanel="acaExpansionPanel"
[@.disabled]="true" [@.disabled]="true"
> >
<mat-expansion-panel-header expandedHeight="48x" collapsedHeight="48px" role="group"> <mat-expansion-panel-header expandedHeight="48px" collapsedHeight="48px" role="group">
<mat-panel-title> <mat-panel-title>
<div class="item"> <div class="item">
<button <button

9
projects/aca-shared/src/lib/components/page-layout/page-layout.component.html
View File

@@ -1,8 +1,11 @@
<div class="aca-content-container"> <div class="aca-content-container">
<div class="aca-content-header"> <div class="aca-content-header">
<div *ngIf="(appNavNarMode$ | async) === 'collapsed'" class="aca-menu-icon" (click)="toggleClick()" (keypress)="toggleClick()"> <button *ngIf="(appNavNarMode$ | async) === 'collapsed'"
<mat-icon title="{{'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate}}">menu</mat-icon> mat-icon-button
</div> (click)="toggleClick()"
title="{{'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate}}">
<mat-icon>menu</mat-icon>
</button>
<ng-content select="aca-page-layout-header"></ng-content> <ng-content select="aca-page-layout-header"></ng-content>
</div> </div>
<ng-content select="aca-page-layout-error" *ngIf="hasError"></ng-content> <ng-content select="aca-page-layout-error" *ngIf="hasError"></ng-content>

7
projects/aca-shared/src/lib/components/page-layout/page-layout.component.scss
View File

@@ -22,13 +22,6 @@
align-items: center; align-items: center;
} }
.aca-menu-icon {
cursor: pointer;
transform: scale(1.1);
padding: 32px 12px 32px 0;
margin-top: 2px;
}
.aca-page-layout-header { .aca-page-layout-header {
display: flex; display: flex;
align-items: center; align-items: center;

3
projects/aca-shared/src/lib/components/page-layout/page-layout.module.ts
View File

@@ -31,9 +31,10 @@ import { PageLayoutComponent } from './page-layout.component';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { MatIconModule } from '@angular/material/icon'; import { MatIconModule } from '@angular/material/icon';
import { TranslateModule } from '@ngx-translate/core'; import { TranslateModule } from '@ngx-translate/core';
import { MatButtonModule } from '@angular/material/button';
@NgModule({ @NgModule({
imports: [CommonModule, MatIconModule, TranslateModule], imports: [CommonModule, MatIconModule, TranslateModule, MatButtonModule],
declarations: [PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent, PageLayoutComponent], declarations: [PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent, PageLayoutComponent],
exports: [PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent, PageLayoutComponent] exports: [PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent, PageLayoutComponent]
}) })