mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ACS-8069] Updated error-content.component.html to be aligned with the new mat typography classes in angular material v15 (#9762)
This commit is contained in:
committed by
VitoAlbano
parent
4ab2c1192f
commit
745a7b754f
@@ -1,15 +1,15 @@
|
||||
<ng-container *ngIf="{ isSmallScreen: isSmallScreen$ | async } as screenSize">
|
||||
<div class="adf-error-content">
|
||||
<p class="adf-error-content-code {{ screenSize.isSmallScreen ? 'adf-error-content-code--small mat-display-3': 'mat-display-4' }}">
|
||||
<p class="adf-error-content-code {{ screenSize.isSmallScreen ? 'adf-error-content-code--small mat-headline-2': 'mat-headline-1' }}">
|
||||
{{ errorCodeTranslated }}
|
||||
</p>
|
||||
<div class="adf-error-content-shadow {{ screenSize.isSmallScreen ? 'adf-error-content-shadow--small': '' }}"></div>
|
||||
<p class="adf-error-content-title {{ screenSize.isSmallScreen ? 'mat-headline': 'mat-display-2' }}">
|
||||
<p class="adf-error-content-title {{ screenSize.isSmallScreen ? 'mat-headline-5': 'mat-headline-3' }}">
|
||||
{{ 'ERROR_CONTENT.' + errorCodeTranslated + '.TITLE' | translate }}
|
||||
</p>
|
||||
<p class="adf-error-content-description {{ screenSize.isSmallScreen ? 'mat-subheading-2': 'mat-headline' }}">
|
||||
<p class="adf-error-content-description {{ screenSize.isSmallScreen ? 'mat-subtitle-1': 'mat-headline-5' }}">
|
||||
{{ 'ERROR_CONTENT.' + errorCodeTranslated + '.DESCRIPTION' | translate }}
|
||||
</p>
|
||||
<ng-content select="[adf-error-content-actions]"></ng-content>
|
||||
</div>
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
|
Reference in New Issue
Block a user