styles cleanup

This commit is contained in:
Denys Vuika
2023-02-13 17:10:25 -05:00
committed by Yasa-Nataliya
parent 69bb11548f
commit 4130a8fa28
3 changed files with 17 additions and 36 deletions

View File

@@ -29,9 +29,11 @@ import { CoreModule } from '@alfresco/adf-core';
import { AppToolbarModule } from '../toolbar/toolbar.module'; import { AppToolbarModule } from '../toolbar/toolbar.module';
import { AppSearchInputModule } from '../search/search-input.module'; import { AppSearchInputModule } from '../search/search-input.module';
import { HeaderActionsComponent } from './header-actions.component'; import { HeaderActionsComponent } from './header-actions.component';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
@NgModule({ @NgModule({
imports: [CommonModule, CoreModule.forChild(), AppToolbarModule, AppSearchInputModule], imports: [CommonModule, CoreModule.forChild(), AppToolbarModule, AppSearchInputModule, MatButtonModule, MatIconModule],
declarations: [HeaderActionsComponent], declarations: [HeaderActionsComponent],
exports: [HeaderActionsComponent] exports: [HeaderActionsComponent]
}) })

View File

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

View File

@@ -3,18 +3,7 @@
.aca-page-layout { .aca-page-layout {
@include flex-column; @include flex-column;
.aca-content-container {
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
overflow: hidden;
min-height: 0;
}
.aca-content-header { .aca-content-header {
border-left: none;
border-right: none;
background: var(--theme-page-layout-header-background-color); background: var(--theme-page-layout-header-background-color);
height: 96px; height: 96px;
padding: 0 24px; padding: 0 24px;
@@ -29,9 +18,9 @@
width: 100%; width: 100%;
.adf-breadcrumb-item { .adf-breadcrumb-item {
font-size: 20px !important; font-size: 20px;
font-weight: 400 !important; font-weight: 400;
letter-spacing: 0.15px !important; letter-spacing: 0.15px;
} }
} }
@@ -54,14 +43,6 @@
overflow: auto !important; overflow: auto !important;
} }
} }
.sidebar {
display: block;
height: 100%;
overflow-y: scroll;
max-width: 350px;
width: 350px;
}
} }
[dir='rtl'] .aca-page-layout { [dir='rtl'] .aca-page-layout {