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

styling fixes

This commit is contained in:
CITE\spapacharalampous 2024-09-03 13:25:49 +03:00
parent 4cfe353d82
commit 69588f6c68
5 changed files with 9 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/ui/admin/description-template/description-template-preview/description-template-preview-dialog.component.html
View File

@ -1,7 +1,9 @@
<div class="template-container" *ngIf="descriptionTemplate && formGroup"> <div class="template-container" *ngIf="descriptionTemplate && formGroup">
<div mat-dialog-title class="row d-flex m-0 header"> <div mat-dialog-title class="row align-items-center header">
<span class="template-title align-self-center" matTooltip="{{descriptionTemplate.label}}">{{'DESCRIPTION-TEMPLATE-PREVIEW.TEMPLATE' | translate}} - {{descriptionTemplate.label}}</span> <div class="col"><span class="template-title align-self-center" matTooltip="{{descriptionTemplate.label}}">{{'DESCRIPTION-TEMPLATE-PREVIEW.TEMPLATE' | translate}} - {{descriptionTemplate.label}}</span></div>
<span class="ml-auto align-self-center" (click)="closeDialog()"><mat-icon class="close-icon">close</mat-icon></span> <div class="col-auto">
<button mat-icon-button tabindex="-1" (click)="closeDialog()"><mat-icon>close</mat-icon></button>
</div>
</div> </div>
<div *ngIf="progressIndication" class="progress-bar"> <div *ngIf="progressIndication" class="progress-bar">
<mat-progress-bar color="primary" mode="indeterminate"></mat-progress-bar> <mat-progress-bar color="primary" mode="indeterminate"></mat-progress-bar>

11
frontend/src/app/ui/admin/description-template/description-template-preview/description-template-preview-dialog.component.scss
View File

@ -16,21 +16,10 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.close-icon {
cursor: pointer;
margin-right: 20px;
}
.close-icon:hover {
background-color: #fefefe6e !important;
border-radius: 50%;
}
.definition-content { .definition-content {
display: block; display: block;
margin: 0px; margin: 0px;
padding: 0 24px; padding: 0 24px;
} }
} }

6
frontend/src/app/ui/admin/user/listing/user-invite-to-tenant-dialog/user-invite-to-tenant-dialog.component.html
View File

@ -1,10 +1,10 @@
<div class="user-invite-to-tenant-dialog container-fluid" *ngIf="formGroup"> <div class="user-invite-to-tenant-dialog container-fluid" *ngIf="formGroup">
<div class="row"> <div class="row align-items-center">
<div class="col"> <div class="col">
<h1 class="title">{{'USER-INVITE-TO-TENANT-DIALOG.TITLE' | translate}}</h1> <h1 class="title">{{'USER-INVITE-TO-TENANT-DIALOG.TITLE' | translate}}</h1>
</div> </div>
<div class="col-auto" (click)="closeDialog()"> <div class="col-auto">
<mat-icon class="close-icon">close</mat-icon> <button mat-icon-button tabindex="-1" (click)="closeDialog()"><mat-icon>close</mat-icon></button>
</div> </div>
</div> </div>
<div mat-dialog-content class="row"> <div mat-dialog-content class="row">

1
frontend/src/app/ui/admin/user/listing/user-invite-to-tenant-dialog/user-invite-to-tenant-dialog.component.scss
View File

@ -24,7 +24,6 @@
font-weight: lighter; font-weight: lighter;
color: #000000; color: #000000;
opacity: 0.8; opacity: 0.8;
margin-bottom: 0.842em;
} }
.content { .content {

2
frontend/src/app/ui/plan/overview/plan-overview.component.html
View File

@ -57,7 +57,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row" *ngIf="!lockStatus || canClonePlan() || (canDeletePlan() && !isLocked)"> <div class="row mb-4" *ngIf="!lockStatus || canClonePlan() || (canDeletePlan() && !isLocked)">
<div class="col-auto pr-0"> <div class="col-auto pr-0">
@if(isActive && canEditPlan(plan) && !lockStatus){ @if(isActive && canEditPlan(plan) && !lockStatus){
<button (click)="editClicked()" mat-mini-fab class="d-flex justify-content-center align-items-center" matTooltip="{{'PLAN-OVERVIEW.ACTIONS.EDIT' | translate}}" matTooltipPosition="above"> <button (click)="editClicked()" mat-mini-fab class="d-flex justify-content-center align-items-center" matTooltip="{{'PLAN-OVERVIEW.ACTIONS.EDIT' | translate}}" matTooltipPosition="above">