self-hosted/pigallery2
1
0
Fork 0
mirror of https://github.com/bpatrik/pigallery2.git synced 2024-12-23 01:27:14 +02:00
Code Issues Releases Activity

Fixing default theme #587

Browse Source
This commit is contained in:
Patrik J. Braun 2023-08-06 21:51:10 +02:00
parent 92ff423794
commit 287620a7c3
4 changed files with 5 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/frontend/app/ui/frame/frame.component.html
View File

@ -57,7 +57,7 @@
</ng-container> </ng-container>
<li class="nav-item d-xl-block d-none"> <li class="nav-item d-xl-block d-none">
<span> <span>
<app-language #languageSelector class="navbar-btn" [isDark]="true"></app-language> <app-language #languageSelector class="navbar-btn" ></app-language>
</span> </span>
</li> </li>
<li class="nav-item divider-vertical d-xl-block d-none"> <li class="nav-item divider-vertical d-xl-block d-none">
@ -66,7 +66,7 @@
<div class="btn-group" dropdown #dropdown="bs-dropdown" placement="bottom" <div class="btn-group" dropdown #dropdown="bs-dropdown" placement="bottom"
[autoClose]="false" container="body"> [autoClose]="false" container="body">
<button id="button-alignment" dropdownToggle <button id="button-alignment" dropdownToggle
type="button" class="btn btn-dark dropdown-toggle" type="button" class="btn btn-tertiary dropdown-toggle"
aria-controls="dropdown-alignment"> aria-controls="dropdown-alignment">
<span class="oi oi-menu"></span> <span class="oi oi-menu"></span>
<span *ngIf="isAdmin() && notificationService.numberOfNotifications>0" <span *ngIf="isAdmin() && notificationService.numberOfNotifications>0"
@ -81,7 +81,7 @@
<ng-container *ngIf="authenticationRequired && user.value"> <ng-container *ngIf="authenticationRequired && user.value">
<span class="oi oi-person"></span>{{user.value.name}} <span class="oi oi-person"></span>{{user.value.name}}
</ng-container> </ng-container>
<app-language class="navbar-btn d-inline-block" [isDark]="false"></app-language> <app-language class="navbar-btn d-inline-block"></app-language>
</div> </div>
</li> </li>
<li class="nav-item d-xl-none" *ngIf="showShare"> <li class="nav-item d-xl-none" *ngIf="showShare">

10
src/frontend/app/ui/language/language.component.css
View File

@ -1,13 +1,3 @@
.dropdown-menu { .dropdown-menu {
min-width: auto; min-width: auto;
} }
.dark {
background-color: #000;
color: rgba(255, 255, 255, 0.55);
border-color: transparent;
}
.dark:hover {
border-color: #adadad;
}

5
src/frontend/app/ui/language/language.component.html
View File

@ -1,12 +1,11 @@
<div class="dropdown" dropdown #dropdown="bs-dropdown"> <div class="dropdown" dropdown #dropdown="bs-dropdown">
<button dropdownToggle <button dropdownToggle
class="btn btn-secondary dropdown-toggle" class="btn btn-tertiary dropdown-toggle"
type="button" type="button"
id="language" id="language"
data-toggle="dropdown" data-toggle="dropdown"
aria-haspopup="true" aria-haspopup="true"
aria-expanded="true" aria-expanded="true">
[ngClass]="isDark?'dark':''">
<ng-container *ngIf="current != null"> <ng-container *ngIf="current != null">
{{current}} {{current}}
</ng-container> </ng-container>

1
src/frontend/app/ui/language/language.component.ts
View File

@ -10,7 +10,6 @@ import {BsDropdownDirective} from 'ngx-bootstrap/dropdown';
styleUrls: ['./language.component.css'], styleUrls: ['./language.component.css'],
}) })
export class LanguageComponent { export class LanguageComponent {
@Input() isDark: boolean;
languages: string[] = []; languages: string[] = [];
current: string = null; current: string = null;
urlBase = Config.Server.urlBase; urlBase = Config.Server.urlBase;