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

css clean up on plan and description editor stepper buttons

This commit is contained in:
CITE\spapacharalampous 2024-09-04 11:08:12 +03:00
parent b1ed610f9e
commit 42390e6b64
4 changed files with 3 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/ui/description/editor/description-editor.component.html
View File

@ -131,7 +131,7 @@
<div class="col-12"> <div class="col-12">
<div class="row mt-3 stepper-actions justify-content-center"> <div class="row mt-3 stepper-actions justify-content-center">
<div class="col-auto mb-1"> <div class="col-auto mb-1">
<button mat-button type="button" class="rounded-btn neutral stepper mr-2" [ngClass]="{'previous-disabled': reachedBase}" (click)="previousStep()"> <button mat-button type="button" class="rounded-btn neutral stepper mr-2" [disabled]="reachedBase" (click)="previousStep()">
<span class="material-icons">chevron_left</span> <span class="material-icons">chevron_left</span>
<div>{{'DESCRIPTION-EDITOR.TOC.PREVIOUS' | translate}}</div> <div>{{'DESCRIPTION-EDITOR.TOC.PREVIOUS' | translate}}</div>
</button> </button>

13
frontend/src/app/ui/description/editor/description-editor.component.scss
View File

@ -344,19 +344,6 @@
font-weight: 700; font-weight: 700;
cursor: pointer; cursor: pointer;
} }
.previous-disabled {
border: 1px solid #b5b5b5;
color: #b5b5b5 !important;
cursor: auto !important;
}
.next-disabled {
background: #cbcbcb 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029;
color: white;
cursor: auto !important;
}
} }
mat-icon.size-18 { mat-icon.size-18 {

4
frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.html
View File

@ -172,13 +172,13 @@
<div class="col-12"> <div class="col-12">
<div class="row justify-content-center" *ngIf="this.step !== 0"> <div class="row justify-content-center" *ngIf="this.step !== 0">
<div class="col-auto mb-1"> <div class="col-auto mb-1">
<button mat-button type="button" class="rounded-btn neutral stepper mr-2" [ngClass]="{'previous-disabled': this.step === 1}" (click)="previousStep()"> <button mat-button type="button" class="rounded-btn neutral stepper mr-2" [disabled]="step === 1" (click)="previousStep()">
<span class="material-icons">chevron_left</span> <span class="material-icons">chevron_left</span>
<div>{{'PLAN-EDITOR.ACTIONS.PREVIOUS-STEP' | translate}}</div> <div>{{'PLAN-EDITOR.ACTIONS.PREVIOUS-STEP' | translate}}</div>
</button> </button>
</div> </div>
<div *ngIf="this.step < this.maxSteps" class="col-auto mb-1"> <div *ngIf="this.step < this.maxSteps" class="col-auto mb-1">
<button mat-button type="button" class="rounded-btn primary stepper" [ngClass]="{ 'next-disabled': this.step === this.maxSteps, 'next': this.step < selectedBlueprint?.definition?.sections?.length, 'description-next': this.step >= selectedBlueprint?.definition?.sections?.length }" (click)="nextStep()"> <button mat-button type="button" class="rounded-btn primary stepper" (click)="nextStep()">
<div>{{'PLAN-EDITOR.ACTIONS.NEXT-STEP' | translate}}</div> <div>{{'PLAN-EDITOR.ACTIONS.NEXT-STEP' | translate}}</div>
<span class="material-icons" iconPositionEnd>chevron_right</span> <span class="material-icons" iconPositionEnd>chevron_right</span>
</button> </button>

30
frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
View File

@ -210,36 +210,6 @@ mat-icon.size-16 {
cursor: pointer; cursor: pointer;
} }
.next {
background: var(--primary-color) 0% 0% no-repeat padding-box;
color: white;
box-shadow: 0px 3px 6px #1e202029;
font-weight: 400;
cursor: pointer;
}
.description-next {
background: var(--secondary-color) 0% 0% no-repeat padding-box;
color: #212121;
box-shadow: 0px 3px 6px #1e202029;
font-weight: 700;
cursor: pointer;
}
.previous-disabled,
.add-description-btn-disabled {
border: 1px solid #b5b5b5;
color: #b5b5b5 !important;
cursor: auto !important;
}
.next-disabled {
background: #cbcbcb 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029;
color: white;
cursor: auto !important;
}
.form { .form {
position: relative; position: relative;
width: calc(100% - 366px); width: calc(100% - 366px);