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-7980] fix style (#9798)

Browse Source
This commit is contained in:
tamaragruszka
2024-06-12 12:44:31 +02:00
committed by VitoAlbano
parent 21c6af518f
commit 572d8ee392
3 changed files with 28 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.html
View File

@@ -1,20 +1,37 @@
<h1 mat-dialog-title data-automation-id="adf-confirm-dialog-title">{{ title | translate }}</h1>
<mat-dialog-content>
<div class="adf-confirm-dialog-content">
<p *ngIf="!htmlContent; else cutomContent" data-automation-id="adf-confirm-dialog-base-message">
<p *ngIf="!htmlContent; else customContent" data-automation-id="adf-confirm-dialog-base-message">
{{ message | translate }}
</p>
<ng-template #cutomContent>
<span [innerHTML]="sanitizedHtmlContent()" data-automation-id="adf-confirm-dialog-custom-content">
</span>
<ng-template #customContent>
<span [innerHTML]="sanitizedHtmlContent()" data-automation-id="adf-confirm-dialog-custom-content"></span>
</ng-template>
</div>
</mat-dialog-content>
<mat-dialog-actions>
<span class="adf-dialog-spacer" data-automation-id="adf-confirm-dialog-spacer"></span>
<button id="adf-confirm-accept" class="adf-confirm-dialog-button" mat-button color="primary" data-automation-id="adf-confirm-dialog-confirmation"
[mat-dialog-close]="true">{{ yesLabel | translate }}</button>
<button id="adf-confirm-all" class="adf-confirm-dialog-button" mat-button *ngIf="thirdOptionLabel" [mat-dialog-close]="thirdOptionLabel" data-automation-id="adf-confirm-dialog-confirm-all">{{ thirdOptionLabel | translate }}</button>
<button id="adf-confirm-cancel" class="adf-confirm-dialog-button" mat-button [mat-dialog-close]="false" data-automation-id="adf-confirm-dialog-reject"
cdkFocusInitial>{{ noLabel | translate }}</button>
<button id="adf-confirm-accept"
class="adf-confirm-dialog-button"
mat-button
color="primary"
data-automation-id="adf-confirm-dialog-confirmation"
[mat-dialog-close]="true">
{{ yesLabel | translate }}
</button>
<button *ngIf="thirdOptionLabel"
id="adf-confirm-all"
class="adf-confirm-dialog-button"
mat-button
[mat-dialog-close]="thirdOptionLabel"
data-automation-id="adf-confirm-dialog-confirm-all">{{ thirdOptionLabel | translate }}
</button>
<button id="adf-confirm-cancel"
class="adf-confirm-dialog-button"
mat-button
[mat-dialog-close]="false"
data-automation-id="adf-confirm-dialog-reject"
cdkFocusInitial>
{{ noLabel | translate }}
</button>
</mat-dialog-actions>

2
lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.scss
View File

@@ -8,6 +8,6 @@
}
& .adf-confirm-dialog-content {
margin: 0 -24px;
width: 100%;
}
}

4
lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.ts
View File

@@ -15,7 +15,7 @@
* limitations under the License.
*/
import { Component, Inject, ViewEncapsulation, SecurityContext } from '@angular/core';
import { Component, Inject, SecurityContext, ViewEncapsulation } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
import { DomSanitizer } from '@angular/platform-browser';
@@ -36,7 +36,6 @@ export interface ConfirmDialogComponentProps {
encapsulation: ViewEncapsulation.None
})
export class ConfirmDialogComponent {
title: string;
message: string;
yesLabel: string;
@@ -57,5 +56,4 @@ export class ConfirmDialogComponent {
sanitizedHtmlContent(): string {
return this.sanitizer.sanitize(SecurityContext.HTML, this.htmlContent);
}
}