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> <h1 mat-dialog-title data-automation-id="adf-confirm-dialog-title">{{ title | translate }}</h1>
<mat-dialog-content> <mat-dialog-content>
<div class="adf-confirm-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 }} {{ message | translate }}
</p> </p>
<ng-template #cutomContent> <ng-template #customContent>
<span [innerHTML]="sanitizedHtmlContent()" data-automation-id="adf-confirm-dialog-custom-content"> <span [innerHTML]="sanitizedHtmlContent()" data-automation-id="adf-confirm-dialog-custom-content"></span>
</span>
</ng-template> </ng-template>
</div> </div>
</mat-dialog-content> </mat-dialog-content>
<mat-dialog-actions> <mat-dialog-actions>
<span class="adf-dialog-spacer" data-automation-id="adf-confirm-dialog-spacer"></span> <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" <button id="adf-confirm-accept"
[mat-dialog-close]="true">{{ yesLabel | translate }}</button> class="adf-confirm-dialog-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> mat-button
<button id="adf-confirm-cancel" class="adf-confirm-dialog-button" mat-button [mat-dialog-close]="false" data-automation-id="adf-confirm-dialog-reject" color="primary"
cdkFocusInitial>{{ noLabel | translate }}</button> 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> </mat-dialog-actions>

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

@@ -8,6 +8,6 @@
} }
& .adf-confirm-dialog-content { & .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. * 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 { MAT_DIALOG_DATA } from '@angular/material/dialog';
import { DomSanitizer } from '@angular/platform-browser'; import { DomSanitizer } from '@angular/platform-browser';
@@ -36,7 +36,6 @@ export interface ConfirmDialogComponentProps {
encapsulation: ViewEncapsulation.None encapsulation: ViewEncapsulation.None
}) })
export class ConfirmDialogComponent { export class ConfirmDialogComponent {
title: string; title: string;
message: string; message: string;
yesLabel: string; yesLabel: string;
@@ -57,5 +56,4 @@ export class ConfirmDialogComponent {
sanitizedHtmlContent(): string { sanitizedHtmlContent(): string {
return this.sanitizer.sanitize(SecurityContext.HTML, this.htmlContent); return this.sanitizer.sanitize(SecurityContext.HTML, this.htmlContent);
} }
} }