fix: fix rendering of server dropdown on login page

On regular screen sizes, the server dropdown stays inside of the login
bar now.

FIXES: WEB-206
This commit is contained in:
Felix van Hove
2025-07-20 21:56:48 +02:00
parent 4b882a174b
commit ca99ae4c8a
4 changed files with 19 additions and 18 deletions
@@ -1,13 +1,16 @@
<mat-form-field id="server-selector" *ngIf="existMoreThanOneServer">
<mat-label>{{ 'labels.inputs.Server' | translate }}</mat-label>
<mat-select [formControl]="serverSelector" (selectionChange)="setServer()" panelClass="server-panel">
<mat-select
[formControl]="serverSelector"
(selectionChange)="setServer()"
panelClass="server-panel"
panelWidth="null"
>
<div class="sticky">
<form [formGroup]="form" (ngSubmit)="addNewServer()">
<div class="actions">
<mat-form-field class="ml align-start">
<span matPrefix
><mat-icon>{{ 'labels.inputs.language' | translate }}</mat-icon></span
>
<span matPrefix><mat-icon>language</mat-icon></span>
<mat-label>{{ 'labels.placeholders.Add new server' | translate }}</mat-label>
<input matInput type="text" autocomplete="off" formControlName="url" />
<mat-error *ngIf="form.controls.url.hasError('required')">
@@ -4,20 +4,10 @@
justify-content: space-evenly;
}
.rg {
float: right;
}
.ml {
margin-left: 10px;
}
/* .pba {
width: 80%;
left: 10%;
margin: 12px;
} */
.sticky {
position: sticky;
z-index: 1; // appear above mat-option