Merge pull request #744 from shamoon/fix/miscellaneous-css-fixes

Fixes for mobile logger cut off & dark mode hidden "logged in as"
This commit is contained in:
Jonas Winkler 2021-03-12 15:48:16 +01:00 committed by GitHub
commit e0e0ee4a77
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 6 deletions

View File

@ -31,7 +31,7 @@
</button> </button>
<div ngbDropdownMenu class="dropdown-menu-right shadow mr-2" aria-labelledby="userDropdown"> <div ngbDropdownMenu class="dropdown-menu-right shadow mr-2" aria-labelledby="userDropdown">
<div *ngIf="displayName" class="d-sm-none"> <div *ngIf="displayName" class="d-sm-none">
<p class="small mb-0 px-3" i18n>Logged in as {{displayName}}</p> <p class="small mb-0 px-3 text-muted" i18n>Logged in as {{displayName}}</p>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
</div> </div>
<a ngbDropdownItem class="nav-link" routerLink="settings" (click)="closeMenu()"> <a ngbDropdownItem class="nav-link" routerLink="settings" (click)="closeMenu()">

View File

@ -14,5 +14,5 @@
<div class="bg-dark p-3 mb-3 text-light text-monospace log-container"> <div class="bg-dark p-3 mb-3 text-light text-monospace log-container">
<p <p
class="m-0 p-0 log-entry-{{getLogLevel(log)}}" class="m-0 p-0 log-entry-{{getLogLevel(log)}}"
*ngFor="let log of logs" style="white-space: pre;">{{log}}</p> *ngFor="let log of logs">{{log}}</p>
</div> </div>

View File

@ -16,9 +16,11 @@
} }
.log-container { .log-container {
overflow-y: scroll;
overflow: scroll;
height: calc(100vh - 190px); height: calc(100vh - 190px);
top: 70px; top: 70px;
}
p {
white-space: pre-wrap;
}
}