xuthus/pigallery2
1
0
Fork 0
mirror of https://github.com/xuthus83/pigallery2.git synced 2024-11-03 21:04:03 +08:00
Code Actions Projects Activity

improving design

Browse Source
This commit is contained in:
Patrik J. Braun 2018-01-07 16:22:41 -05:00
parent 4862ac1b31
commit add9947653
6 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/app/frame/frame.component.css
View File

@ -27,7 +27,7 @@ ng2-slim-loading-bar {
.navbar .divider-vertical { .navbar .divider-vertical {
height: 30px; height: 30px;
margin: 10px 1px 10px 10px; margin: 10px;
border-right: 1px solid #ffffff; border-right: 1px solid #ffffff;
border-left: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2;
} }
@ -41,8 +41,19 @@ ng2-slim-loading-bar {
.navbar-collapse .nav > .divider-vertical { .navbar-collapse .nav > .divider-vertical {
display: none; display: none;
} }
.navbar-text {
margin-left: 0;
}
} }
@media (min-width: 767px) {
.navbar-text {
margin-left: 0;
}
}
.badge { .badge {
margin-left: -5px; margin-left: -5px;
padding: 0; padding: 0;

2
frontend/app/frame/frame.component.html
View File

@ -36,7 +36,7 @@
</a> </a>
</li> </li>
<li> <li>
<language class="navbar-btn"></language> <language class="navbar-btn" isDark="true"></language>
</li> </li>
<li *ngIf="authenticationRequired"> <li *ngIf="authenticationRequired">
<button class="btn btn-default navbar-btn" <button class="btn btn-default navbar-btn"

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

@ -1,3 +1,13 @@
.dropdown-menu { .dropdown-menu {
min-width: auto; min-width: auto;
} }
.dark {
background-color: #222;
color: #FFF;
border-color: transparent;
}
.dark:hover {
border-color: #adadad;
}

3
frontend/app/language/language.component.html
View File

@ -5,7 +5,8 @@
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>

3
frontend/app/language/language.component.ts
View File

@ -1,4 +1,4 @@
import {Component} from "@angular/core"; import {Component, Input} from "@angular/core";
import {Config} from "../../../common/config/public/Config"; import {Config} from "../../../common/config/public/Config";
import {Cookie} from "ng2-cookies"; import {Cookie} from "ng2-cookies";
import {CookieNames} from "../../../common/CookieNames"; import {CookieNames} from "../../../common/CookieNames";
@ -10,6 +10,7 @@ import {CookieNames} from "../../../common/CookieNames";
}) })
export class LanguageComponent { export class LanguageComponent {
@Input() isDark: boolean;
languages: string[] = []; languages: string[] = [];
current: string = null; current: string = null;

2
frontend/locale/messages.hu.xlf
View File

@ -157,7 +157,7 @@
<context context-type="sourcefile">app/gallery/share/share.gallery.component.ts</context> <context context-type="sourcefile">app/gallery/share/share.gallery.component.ts</context>
<context context-type="linenumber">18</context> <context context-type="linenumber">18</context>
</context-group> </context-group>
<target>Ossza meg</target> <target>Megosztás</target>
</trans-unit> </trans-unit>
<trans-unit id="74f659dedc52d20e191c01d8edc94acbeb972721" datatype="html"> <trans-unit id="74f659dedc52d20e191c01d8edc94acbeb972721" datatype="html">
<source>Copy <source>Copy