FarmMaps/FarmMapsLib
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add background-color padding and border
All checks were successful
FarmMaps.Develop/FarmMapsLib/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
Willem Dantuma 2020-09-04 10:40:34 +02:00
parent e682b375e7
commit ad86e41345
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
projects/common/src/fm/components/user-menu/user-menu.component.html
View File

@ -1,14 +1,14 @@
<div> <div>
<div (click)="toggle($event)" class="rounded-circle menu-button hidden" [ngClass]="{'hidden':!user}"> <div (click)="toggle($event)" class="rounded-circle menu-button hidden" [ngClass]="{'hidden':!user}">
<span *ngIf="user"><span [title]="user.name">{{getLetter()}}</span></span> <span *ngIf="user"><span [title]="user.name">{{getLetter()}}</span></span>
<div class="menu hidden" [ngClass]="{'hidden':!showMenu}"> <div class="menu hidden" [ngClass]="{'hidden':!showMenu}">
<div class="card" *ngIf="user"> <div class="card" *ngIf="user">
<div class="card-body"> <div class="card-body">
<div class="username">{{user.name}}</div> <div class="username">{{user.name}}</div>
<div><a href="#" (click)="logout($event)" i18n>logout</a></div> <div><a href="#" (click)="logout($event)" i18n>logout</a></div>
</div> </div>
</div> </div>
<router-outlet name="user-menu"></router-outlet> <router-outlet name="user-menu"></router-outlet>
</div> </div>
</div> </div>
</div> </div>

7
projects/common/src/fm/components/user-menu/user-menu.component.scss
View File

@ -22,6 +22,9 @@ div.menu-button > span {
position: absolute; position: absolute;
top: 3rem; top: 3rem;
right:0; right:0;
background-color: #fff;
border-radius: 0.25rem;
padding: 0.5rem;
} }
.card { .card {
@ -44,6 +47,10 @@ div.menu-button > span {
max-height: 0; max-height: 0;
} }
.menu.hidden {
padding: 0;
}
.menu-button.hidden { .menu-button.hidden {
overflow: hidden; overflow: hidden;
} }