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

styling changes 

*mine-notifications
This commit is contained in:
Sofia Papacharalampous 2024-03-19 17:59:47 +02:00
parent 031e07b6e4
commit c425da9a5f
2 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
dmp-frontend/src/app/ui/inapp-notification/editor/inapp-notification-editor.component.html
View File

@ -1,19 +1,19 @@
<div *ngIf="inappNotification" class="row inapp-notification-editor"> <div *ngIf="inappNotification" class="inapp-notification-editor">
<div class="col-md-10 offset-md-1 colums-gapped"> <div class="col-md-10 offset-md-1 colums-gapped">
<div class="row align-items-center mb-4"> <div class="row align-items-center mb-4">
<div class="col-md-12"> <div class="col-md-12">
<mat-card> <mat-card class="pt-3 pb-3">
<mat-card-title> <mat-card-title class="pl-2 pb-2">
<div [innerHTML]="inappNotification.subject"></div> <div [innerHTML]="inappNotification.subject"></div>
</mat-card-title> </mat-card-title>
<mat-card-content> <mat-card-content class="mt-2">
<div [innerHTML]="inappNotification.body"></div> <div [innerHTML]="inappNotification.body"></div>
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
<div *ngIf="!isFromDialog" class="row editor-actions"> <div class="row editor-actions">
<div class="col"></div> <div class="col"></div>
<div class="col-auto" *ngIf="!this.isDeleted && !isNew"><button mat-raised-button color="primary" type="button" (click)="delete()">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.DELETE' | translate}}</button></div> <div class="col-auto" *ngIf="!this.isDeleted && !isNew"><button mat-raised-button type="button" (click)="delete()" class="normal-btn">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.DELETE' | translate}}</button></div>
<div class="col-auto"><button mat-raised-button color="primary" (click)="cancel()" type="button">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.CANCEL' | translate}}</button></div> <div class="col-auto"><button mat-raised-button (click)="cancel()" type="button" class="normal-btn">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.CANCEL' | translate}}</button></div>
</div> </div>
</div> </div>
</div> </div>

15
dmp-frontend/src/app/ui/inapp-notification/editor/inapp-notification-editor.component.scss
View File

@ -5,3 +5,18 @@
margin-top: 30px; margin-top: 30px;
} }
} }
.normal-btn {
min-width: 150px;
max-width: 256px;
height: 40px;
cursor: pointer;
background: var(--primary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1E202029;
border-radius: 30px;
border: none;
color: #FFFFFF;
opacity: 1;
font-size: 0.87rem;
padding: 0.62rem 1.87rem;
}