inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-8069] Updated error-content.component.html to be aligned with the new mat typography classes in angular material v15 (#9762)

Browse Source
This commit is contained in:
swapnil-verma-gl
2024-06-03 17:23:51 +05:30
committed by VitoAlbano
parent 4ab2c1192f
commit 745a7b754f
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
lib/core/src/lib/templates/error-content/error-content.component.html
View File

@@ -1,13 +1,13 @@
<ng-container *ngIf="{ isSmallScreen: isSmallScreen$ | async } as screenSize"> <ng-container *ngIf="{ isSmallScreen: isSmallScreen$ | async } as screenSize">
<div class="adf-error-content"> <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 }} {{ errorCodeTranslated }}
</p> </p>
<div class="adf-error-content-shadow {{ screenSize.isSmallScreen ? 'adf-error-content-shadow--small': '' }}"></div> <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 }} {{ 'ERROR_CONTENT.' + errorCodeTranslated + '.TITLE' | translate }}
</p> </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 }} {{ 'ERROR_CONTENT.' + errorCodeTranslated + '.DESCRIPTION' | translate }}
</p> </p>
<ng-content select="[adf-error-content-actions]"></ng-content> <ng-content select="[adf-error-content-actions]"></ng-content>