self-hosted/pigallery2
1
0
Fork 0
mirror of https://github.com/bpatrik/pigallery2.git synced 2024-11-28 08:58:49 +02:00
Code Issues Releases Activity

design optimization

Browse Source
This commit is contained in:
Patrik J. Braun 2018-05-07 15:42:32 -04:00
parent f58481c28c
commit aafe44b4d2
9 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/app/app.module.ts
View File

@ -68,6 +68,7 @@ export class GoogleMapsConfig {
}
}
@Injectable()
export class MyHammerConfig extends HammerGestureConfig {
overrides = <any>{
'swipe': {direction: 31} // enable swipe up

3
frontend/app/gallery/grid/photo/loading/loading.photo.grid.gallery.component.css
View File

@ -7,8 +7,9 @@
}
.static span {
top: calc(50% - 25px);
top: calc(50% - 61px);
left: calc(50% - 25px);
margin-top: 36px;
}
.sk-cube-grid {

1
frontend/app/gallery/grid/photo/photo.grid.gallery.component.css
View File

@ -52,6 +52,7 @@ img {
background-color: transparent;
color: white;
font-size: medium;
display: table-caption;
position: relative;
padding: 5px;
margin-top: 0;

3
frontend/app/gallery/grid/photo/photo.grid.gallery.component.html
View File

@ -11,7 +11,8 @@
<div #info class="info"
*ngIf="infoBar.visible"
[style.margin-top.px]="infoBar.marginTop"
[style.background]="infoBar.background">
[style.background]="infoBar.background"
[style.width.px]="container.nativeElement.offsetWidth">
<div class="photo-name">{{gridPhoto.photo.name}}</div>
<div class="photo-position" *ngIf="gridPhoto.photo.metadata.positionData">

13
frontend/app/gallery/grid/photo/photo.grid.gallery.component.ts
View File

@ -102,14 +102,19 @@ export class GalleryPhotoComponent implements IRenderable, OnInit, OnDestroy {
}
mouseOut() {
this.infoBar.marginTop = 0;
this.infoBar.background = 'rgba(0,0,0,0.0)';
if (this.animationTimer != null) {
clearTimeout(this.animationTimer);
}
this.animationTimer = setTimeout(() => {
this.infoBar.visible = false;
}, 500);
this.infoBar.marginTop = 0;
this.infoBar.background = 'rgba(0,0,0,0.0)';
if (this.animationTimer != null) {
clearTimeout(this.animationTimer);
}
this.animationTimer = setTimeout(() => {
this.infoBar.visible = false;
}, 500);
}, 100);
}

1
frontend/app/login/login.component.html
View File

@ -5,7 +5,6 @@
<div class="row title">
<h1><img src="assets/icon.png"/>{{title}}</h1>
</div>
<div class="row card">
<div class="col-md-12">
<h1 i18n>Please log in</h1>

8
frontend/main.ts
View File

@ -1,7 +1,7 @@
import {platformBrowserDynamic} from "@angular/platform-browser-dynamic";
import {enableProdMode} from "@angular/core";
import {environment} from "./environments/environment";
import {AppModule} from "./app/app.module";
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {enableProdMode} from '@angular/core';
import {environment} from './environments/environment';
import {AppModule} from './app/app.module';
if (environment.production) {
enableProdMode();

3
frontend/tsconfig.spec.json
View File

@ -11,7 +11,8 @@
]
},
"files": [
"test.ts"
"test.ts",
"polyfills.ts"
],
"include": [
"**/*.spec.ts",

5
package.json
View File

@ -16,7 +16,8 @@
"ng": "ng",
"lint": "ng lint",
"e2e": "ng e2e",
"build-hu": "ng build --aot --output-path=./dist/hu --locale hu --i18n-format xlf --i18n-file frontend/locale/messages.hu.xlf --missing-translation warning",
"run-dev": "ng build --aot -w --output-path=./dist --locale en --i18n-format xlf --i18n-file frontend/translate/messages.en.xlf --missing-translation warning",
"build-hu": "ng build --aot --output-path=./dist/hu --locale hu --i18n-format xlf --i18n-file frontend/translate/messages.hu.xlf --missing-translation warning",
"update-translation": "gulp update-translation",
"add-translation": "gulp add-translation"
},
@ -42,7 +43,7 @@
"ts-exif-parser": "0.1.23",
"ts-node-iptc": "1.0.9",
"typeconfig": "1.0.6",
"typeorm": "0.2.4",
"typeorm": "0.2.5",
"winston": "2.4.2"
},
"devDependencies": {