MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

Fix style on confirmation dialog button

This commit is contained in:
apapachristou 2020-11-24 19:04:37 +02:00
parent 0542c17aae
commit 4c94b48b2b
2 changed files with 28 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dmp-frontend/src/common/modules/confirmation-dialog/confirmation-dialog.component.html
View File

@ -24,7 +24,7 @@
<div class="row">
<!-- <div class="col"></div> -->
<div class="col-auto"><button mat-raised-button type="button" class="cancel-btn" (click)="cancel()">{{ data.cancelButton }}</button></div>
<div *ngIf="data.isDeleteConfirmation" class="col-auto"><button mat-raised-button type="button" (click)="confirm()" class="delete">{{ data.confirmButton }}</button></div>
<div *ngIf="data.isDeleteConfirmation" class="col-auto"><button mat-raised-button type="button" (click)="confirm()" class="delete-btn">{{ data.confirmButton }}</button></div>
<div *ngIf="!data.isDeleteConfirmation && !data.privacyPolicyNames" class="col-auto"><button mat-raised-button type="button" (click)="confirm()" class="submit-btn">{{ data.confirmButton }}</button></div>
<div *ngIf="!data.isDeleteConfirmation && data.privacyPolicyNames" class="col-auto"><button mat-raised-button type="button" [disabled]="!agreePrivacyPolicyNames" (click)="confirm()" class="submiit-btn">{{ data.confirmButton }}</button></div>
</div>

44
dmp-frontend/src/common/modules/confirmation-dialog/confirmation-dialog.component.scss
View File

@ -1,25 +1,25 @@
.confirmation-dialog {
.confirmation {
padding-bottom: 20px;
padding-bottom: 20px;
}
.privacy-policy-names {
font-weight: 700;
padding: 1em;
font-weight: 700;
padding: 1em;
}
.close-btn {
margin-left: auto;
cursor: pointer;
margin-left: auto;
cursor: pointer;
}
.warn-text {
color: #f44336;
color: #f44336;
}
.cancel {
background-color: #aaaaaa;
color: #ffffff;
background-color: #aaaaaa;
color: #ffffff;
}
.cancel-btn {
@ -32,23 +32,23 @@
}
.confirm {
background-color: #2cba6c;
color: #ffffff;
background-color: #2cba6c;
color: #ffffff;
}
.delete {
background-color: #ba2c2c;
color: #ffffff;
background-color: #ba2c2c;
color: #ffffff;
}
.checkbox-privacy {
padding: 0em 1em;
padding: 0em 1em;
}
.required-policy {
padding: 0em 1.2em 1em;
font-size: smaller;
color: #f44336;
padding: 0em 1.2em 1em;
font-size: smaller;
color: #f44336;
}
.submit-btn {
@ -69,4 +69,14 @@
background-color: #129d99;
color: #ffffff;
}
}
.delete-btn {
min-width: 101px;
height: 43px;
background: #ffffff;
color: #ba2c2c;
border: 1px solid #ba2c2c;
border-radius: 30px;
opacity: 1;
}
}