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

ui fixes on dmp tour

This commit is contained in:
Sofia Papacharalampous 2024-04-15 17:07:20 +03:00
parent 1f90266057
commit 9ad0c59b9e
3 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts
View File

@ -131,7 +131,8 @@ export class DmpListingComponent extends BaseComponent implements OnInit { //IBr
selector: '.dataset-tour', selector: '.dataset-tour',
content: 'Step 2', content: 'Step 2',
orientation: Orientation.Right, orientation: Orientation.Right,
isStepUnique: false isStepUnique: false,
useHighlightPadding: true
} }
] ]
}; };

14
dmp-frontend/src/app/ui/sidebar/sidebar.component.css
View File

@ -33,6 +33,7 @@
.nav-row { .nav-row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center;
width: 100%; width: 100%;
padding: 10px 20px; padding: 10px 20px;
text-align: left; text-align: left;
@ -43,6 +44,19 @@
font-family: 'Roboto',sans-serif; font-family: 'Roboto',sans-serif;
} }
.nav-subrow {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
text-align: left;
letter-spacing: 0px;
color: #000000;
opacity: 1;
font-size: 0.93rem;
font-family: 'Roboto',sans-serif;
}
.nav-row:hover { .nav-row:hover {
background-color: #ececec; background-color: #ececec;
border-radius: 6px; border-radius: 6px;

12
dmp-frontend/src/app/ui/sidebar/sidebar.component.html
View File

@ -9,11 +9,13 @@
<i *ngIf="groupMenuRoute.path == '/plans'" class="material-symbols-outlined icon-mask">person</i> <i *ngIf="groupMenuRoute.path == '/plans'" class="material-symbols-outlined icon-mask">person</i>
<span [ngClass]="{'pl-0': groupMenuRoute.path == '/plans'}">{{groupMenuRoute.title | translate}}</span> <span [ngClass]="{'pl-0': groupMenuRoute.path == '/plans'}">{{groupMenuRoute.title | translate}}</span>
</a> </a>
<a class="nav-link nav-row dataset-tour" *ngIf="groupMenuRoute.path === '/descriptions'" [routerLink]="[groupMenuRoute.path]"> <a class="nav-link nav-row" *ngIf="groupMenuRoute.path === '/descriptions'" [routerLink]="[groupMenuRoute.path]">
<span class="inner-line"></span> <span class="mb-2 inner-line"></span>
<i class="material-symbols-outlined icon">{{ groupMenuRoute.icon }}</i> <div class="pl-0 pt-1 pb-1 container-fluid nav-subrow dataset-tour">
<i class="material-symbols-outlined icon-mask">person</i> <i class="material-symbols-outlined icon">{{ groupMenuRoute.icon }}</i>
<span class="pl-0">{{groupMenuRoute.title | translate}}</span> <i class="material-symbols-outlined icon-mask">person</i>
<span class="pl-0">{{groupMenuRoute.title | translate}}</span>
</div>
</a> </a>
<a class="nav-link nav-row" *ngIf="groupMenuRoute.path === '/co-branding'" href="/splash/resources/co-branding.html"> <a class="nav-link nav-row" *ngIf="groupMenuRoute.path === '/co-branding'" href="/splash/resources/co-branding.html">
<i class="material-symbols-outlined icon">{{ groupMenuRoute.icon }}</i> <i class="material-symbols-outlined icon">{{ groupMenuRoute.icon }}</i>