ui and guided tour fixes

This commit is contained in:
Sofia Papacharalampous 2024-04-16 15:25:10 +03:00
parent 733dad05cd
commit af52c4aa8d
3 changed files with 23 additions and 15 deletions

View File

@ -39,11 +39,15 @@
</p> </p>
<div class="row d-flex align-items-center"> <div class="row d-flex align-items-center">
<div *ngIf="!this.hasDmps()" class="col-auto add-dataset-btn d-flex"> <div *ngIf="!this.hasDmps()" class="col-auto p-0 add-dataset-btn d-flex">
<button type="button" class="col-auto align-self-center normal-btn" (click)="openNewDmpDialog()">{{'DASHBOARD.START-YOUR-FIRST-DMP' | translate}}</button> <div class="pr-2">
<button type="button" class="align-self-center normal-btn" (click)="openNewDmpDialog()">{{'DASHBOARD.START-YOUR-FIRST-DMP' | translate}}</button>
</div>
</div> </div>
<div *ngIf="this.hasDmps()" class="new-dataset-tour add-dataset-btn col-auto d-flex"> <div *ngIf="this.hasDmps()" class="col-auto p-0 new-dataset-tour add-dataset-btn col-auto d-flex">
<button mat-raised-button type="button" class="col-auto align-self-center yellow-btn" (click)="addNewDescription()">{{'DASHBOARD.ACTIONS.ADD-DESCRIPTION' | translate}}</button> <div class="pr-2">
<button mat-raised-button type="button" class="align-self-center yellow-btn" (click)="addNewDescription()">{{'DASHBOARD.ACTIONS.ADD-DESCRIPTION' | translate}}</button>
</div>
</div> </div>
<span class="col-auto ml-auto"> <span class="col-auto ml-auto">
<img class="laptop-img\6" src="../../../assets/images/dashboard-popup.png"> <img class="laptop-img\6" src="../../../assets/images/dashboard-popup.png">

View File

@ -186,7 +186,7 @@ export class DashboardComponent extends BaseComponent implements OnInit {
closeAction: () => this.dialog.closeAll() closeAction: () => this.dialog.closeAll()
}, },
{ {
selector: '.new-description-tour', selector: '.new-dataset-tour',
content: 'Step 4', content: 'Step 4',
orientation: Orientation.BottomLeft, orientation: Orientation.BottomLeft,
isStepUnique: false, isStepUnique: false,

View File

@ -15,20 +15,24 @@
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<div class="col-auto p-0"> <div class="import-file col-auto p-0">
<button type="button" class="normal-btn upload-btn d-flex flex-row align-items-center" (click)="uploadFile($event)"> <div class="pr-2">
<mat-icon class="pr-2">file_upload</mat-icon> <button type="button" class="normal-btn pr-2 upload-btn d-flex flex-row align-items-center" (click)="uploadFile($event)">
{{ 'START-NEW-PLAN-DIALOG.IMPORT-FROM-FILE' | translate }} <mat-icon class="pr-2">file_upload</mat-icon>
</button> {{ 'START-NEW-PLAN-DIALOG.IMPORT-FROM-FILE' | translate }}
</button>
</div>
</div> </div>
<div class="col-auto p-0"> <div class="col-auto p-0">
<p class="m-0">{{ 'START-NEW-PLAN-DIALOG.OR' | translate }}</p> <p class="m-0">{{ 'START-NEW-PLAN-DIALOG.OR' | translate }}</p>
</div> </div>
<div class="col-auto p-0"> <div class="start-wizard col-auto p-0">
<button type="button" class="normal-btn font-weight-bold d-flex flex-row align-items-center" (click)="startWizard()"> <div class="pr-2">
<mat-icon>chevron_right</mat-icon> <button type="button" class="normal-btn font-weight-bold d-flex flex-row align-items-center" (click)="startWizard()">
{{ 'START-NEW-PLAN-DIALOG.START-WIZARD' | translate }} <mat-icon>chevron_right</mat-icon>
</button> {{ 'START-NEW-PLAN-DIALOG.START-WIZARD' | translate }}
</button>
</div>
</div> </div>
</div> </div>
</div> </div>