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

improved language menu styling

This commit is contained in:
George Kalampokis 2020-02-18 13:34:17 +02:00
parent a648466b45
commit e5b1ca595e
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -40,7 +40,7 @@
<button mat-icon-button [matMenuTriggerFor]="languageMenu" [matTooltip]="this.getCurrentLanguage().label | translate"> <button mat-icon-button [matMenuTriggerFor]="languageMenu" [matTooltip]="this.getCurrentLanguage().label | translate">
<mat-icon>language</mat-icon> <mat-icon>language</mat-icon>
</button> </button>
<mat-menu #languageMenu="matMenu"> <mat-menu #languageMenu="matMenu" class="lang-parent">
<mat-button-toggle-group class="lang-menu" vertical (change)="onLanguageSelected($event)" [value]="this.getCurrentLanguage().value"> <mat-button-toggle-group class="lang-menu" vertical (change)="onLanguageSelected($event)" [value]="this.getCurrentLanguage().value">
<div *ngFor="let lang of languages"> <div *ngFor="let lang of languages">
<mat-button-toggle class="lang-button" [value]="lang.value">{{lang.label | translate}}</mat-button-toggle> <mat-button-toggle class="lang-button" [value]="lang.value">{{lang.label | translate}}</mat-button-toggle>

5
dmp-frontend/src/app/ui/navbar/navbar.component.scss
View File

@ -21,6 +21,11 @@ $mat-card-header-size: 40px !default;
height: 70px; height: 70px;
} }
::ng-deep.lang-parent {
width: fit-content !important;
min-width: auto !important;
}
::ng-deep.lang-menu { ::ng-deep.lang-menu {
border-color: transparent; border-color: transparent;
padding: 8px; padding: 8px;