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

[ACS-5631] Improved page layout and provide documentation (#3346)

Browse Source 
* page layout supports CSS selectors

* migrate to using CSS selectors for page layout

* add docs
This commit is contained in:
Denys Vuika
2023-07-18 14:13:33 +01:00
committed by GitHub
parent 4ded3b200d
commit a6ab4a34b1
29 changed files with 148 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
projects/aca-content/about/src/about.component.html
View File

@@ -1,12 +1,12 @@
<aca-page-layout>
<aca-page-layout-header>
<div class="aca-page-layout-header">
<button mat-icon-button [routerLink]="landingPage">
<mat-icon class="app-profile-icon">arrow_back</mat-icon>
</button>
<h1>{{ 'APP.BROWSE.ABOUT.TITLE' | translate }}</h1>
</aca-page-layout-header>
</div>
<aca-page-layout-content [scrollable]="true">
<div class="aca-page-layout-content scrollable">
<adf-about>
<adf-about-panel *ngIf="dev" [label]="'ABOUT.SERVER_SETTINGS.TITLE' | translate">
<ng-template>
@@ -32,5 +32,5 @@
</ng-template>
</adf-about-panel>
</adf-about>
</aca-page-layout-content>
</div>
</aca-page-layout>

14
projects/aca-content/about/src/about.component.ts
View File

@@ -28,7 +28,7 @@ import { AboutModule, AppConfigService, AuthenticationService, RepositoryInfo }
import { DiscoveryApiService } from '@alfresco/adf-content-services';
import { PACKAGE_JSON } from './package-json.token';
import { TranslateModule } from '@ngx-translate/core';
import { AppExtensionService, PageLayoutComponent, PageLayoutContentComponent, PageLayoutHeaderComponent } from '@alfresco/aca-shared';
import { AppExtensionService, PageLayoutComponent } from '@alfresco/aca-shared';
import { RouterModule } from '@angular/router';
import { MatIconModule } from '@angular/material/icon';
import { CommonModule } from '@angular/common';
@@ -36,17 +36,7 @@ import { MatButtonModule } from '@angular/material/button';
@Component({
standalone: true,
imports: [
CommonModule,
TranslateModule,
AboutModule,
RouterModule,
MatIconModule,
MatButtonModule,
PageLayoutHeaderComponent,
PageLayoutContentComponent,
PageLayoutComponent
],
imports: [CommonModule, TranslateModule, AboutModule, RouterModule, MatIconModule, MatButtonModule, PageLayoutComponent],
selector: 'app-about-page',
templateUrl: './about.component.html',
styleUrls: ['./about.component.scss'],