mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ACS-7980] fix style (#9798)
This commit is contained in:
committed by
VitoAlbano
parent
cf75196990
commit
d67f6c3f2a
@@ -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>
|
||||
|
@@ -8,6 +8,6 @@
|
||||
}
|
||||
|
||||
& .adf-confirm-dialog-content {
|
||||
margin: 0 -24px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
@@ -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);
|
||||
}
|
||||
|
||||
}
|
||||
|
Reference in New Issue
Block a user