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

View File

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

View File

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

View File

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