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

styling changes 

*user profile dialog
This commit is contained in:
Sofia Papacharalampous 2024-03-14 14:03:02 +02:00
parent f1a2c9f4c0
commit e20b992128
3 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dmp-frontend/src/app/ui/navbar/navbar.component.ts
View File

@ -243,7 +243,7 @@ export class NavbarComponent extends BaseComponent implements OnInit {
autoFocus: false,
closeOnNavigation: true,
disableClose: false,
position: { top: '64px', right: '1em' },
position: { top: '71px', right: '1em' },
panelClass: 'custom-userbox'
});
}

17
dmp-frontend/src/app/ui/navbar/user-dialog/user-dialog.component.html
View File

@ -1,14 +1,15 @@
<form class="mb-0">
<div class="dropdown-top"></div>
<div class="dropdown-options">
<mat-divider class="col-12 top-divider"></mat-divider>
<div class="col-12 profile-settings">
<div class="dropdown-top"></div>
<form>
<div class="mt-2 col-12 dropdown-options">
<mat-divider class="top-divider"></mat-divider>
<div class="profile-settings">
<a mat-button class="profile mt-2" (click)="navigateToProfile()">{{'USER-DIALOG.USER-PROFILE-SETTINGS' | translate}}</a>
<a mat-button class="profile mb-2" (click)="navigateToMyDmps()">{{'USER-PROFILE.ASSOCIATED-DMPS' | translate}}</a>
</div>
<mat-divider class="col-12"></mat-divider>
<div class="col-12">
<a mat-button class="logout mb-2 mt-2" (click)="logout()">
<mat-divider></mat-divider>
<div>
<a mat-button class="logout mt-2" (click)="logout()">
{{ 'USER-DIALOG.LOG-OUT' | translate }}
</a>
</div>

10
dmp-frontend/src/app/ui/navbar/user-dialog/user-dialog.component.scss
View File

@ -16,7 +16,6 @@ $mat-card-header-size: 40px !default;
color: #212121;
height: 1.875rem;
line-height: 1.875rem;
width: 100%;
text-align: left;
}
@ -28,11 +27,12 @@ $mat-card-header-size: 40px !default;
}
.dropdown-top {
width: 0rem;
width: 0rem;
border-bottom: 0.625rem solid #FFFFFF;
border-left: 0.625rem solid transparent;
border-right: 0.625rem solid transparent;
margin: 0 87%;
border-left: 0.625rem solid transparent;
border-right: 0.625rem solid transparent;
position: fixed;
transform: translate(11.85rem, -0.6rem);
}
.dropdown-options {