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

* 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

View File

@@ -1,5 +1,5 @@
<aca-page-layout>
<aca-page-layout-header>
<div class="aca-page-layout-header">
<aca-search-input></aca-search-input>
<div class="adf-toolbar--spacer adf-toolbar-divider"></div>
<adf-toolbar class="adf-toolbar--inline">
@@ -7,9 +7,9 @@
<aca-toolbar-action [actionRef]="entry"></aca-toolbar-action>
</ng-container>
</adf-toolbar>
</aca-page-layout-header>
</div>
<aca-page-layout-content>
<div class="aca-page-layout-content">
<div class="main-content">
<div class="adf-search-results">
<div class="adf-search-results__content">
@@ -87,5 +87,5 @@
<div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="selection.last"></aca-info-drawer>
</div>
</aca-page-layout-content>
</div>
</aca-page-layout>

View File

@@ -34,8 +34,6 @@ import {
InfoDrawerComponent,
PageComponent,
PageLayoutComponent,
PageLayoutContentComponent,
PageLayoutHeaderComponent,
PaginationDirective,
ToolbarActionComponent
} from '@alfresco/aca-shared';
@@ -65,8 +63,6 @@ import { DocumentListDirective } from '../../../directives/document-list.directi
DocumentListDirective,
ToolbarActionComponent,
PaginationDirective,
PageLayoutContentComponent,
PageLayoutHeaderComponent,
PageLayoutComponent
],
selector: 'aca-search-results',

View File

@@ -1,5 +1,5 @@
<aca-page-layout>
<aca-page-layout-header>
<div class="aca-page-layout-header">
<aca-search-input></aca-search-input>
<div class="adf-toolbar--spacer adf-toolbar-divider"></div>
<adf-toolbar class="adf-toolbar--inline">
@@ -7,9 +7,9 @@
<aca-toolbar-action [actionRef]="entry"></aca-toolbar-action>
</ng-container>
</adf-toolbar>
</aca-page-layout-header>
</div>
<aca-page-layout-content>
<div class="aca-page-layout-content">
<div class="main-content">
<div class="adf-search-results">
<div class="adf-search-results__content">
@@ -140,5 +140,5 @@
</div>
</ng-template>
</div>
</aca-page-layout-content>
</div>
</aca-page-layout>

View File

@@ -42,8 +42,6 @@ import {
InfoDrawerComponent,
PageComponent,
PageLayoutComponent,
PageLayoutContentComponent,
PageLayoutHeaderComponent,
PaginationDirective,
ToolbarActionComponent
} from '@alfresco/aca-shared';
@@ -88,8 +86,6 @@ import { SearchResultsRowComponent } from '../search-results-row/search-results-
PaginationDirective,
ViewerModule,
ToolbarActionComponent,
PageLayoutHeaderComponent,
PageLayoutContentComponent,
PageLayoutComponent
],
selector: 'aca-search-results',