xuthus/pigallery2
1
0
Fork 0
mirror of https://github.com/xuthus83/pigallery2.git synced 2025-01-14 14:43:17 +08:00
Code Actions Projects Activity

Increase photo open speed for a more modern style #587

Browse Source
This commit is contained in:
Patrik J. Braun 2023-09-07 23:40:34 +02:00
parent b62296de7f
commit c8210b975f
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/frontend/app/ui/gallery/lightbox/lightbox.gallery.component.css
View File

@ -21,11 +21,11 @@ app-gallery-lightbox-photo {
width: 100%; /* Full width */ width: 100%; /* Full width */
height: 100%; /* Full height */ height: 100%; /* Full height */
background-color: black; background-color: black;
transition: all 0.3s ease-in-out; transition: all 0.2s ease-in-out;
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.3s ease-in-out; -ms-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.3s ease-in-out; -moz-transition: all 0.2s ease-in-out;
} }
app-info-panel { app-info-panel {
@ -35,11 +35,11 @@ app-info-panel {
max-width: 100vw; max-width: 100vw;
right: 0; right: 0;
top: 0; top: 0;
transition: all 0.3s ease-in-out; transition: all 0.2s ease-in-out;
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.3s ease-in-out; -ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.3s ease-in-out; -moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
} }

4
src/frontend/app/ui/gallery/lightbox/lightbox.gallery.component.ts
View File

@ -265,7 +265,7 @@ export class GalleryLightboxComponent implements OnDestroy, OnInit {
const elem = this.builder const elem = this.builder
.build([ .build([
style(DimensionUtils.toString(from)), style(DimensionUtils.toString(from)),
animate(300, style(DimensionUtils.toString(to))), animate('0.2s ease-in-out', style(DimensionUtils.toString(to))),
]) ])
.create(this.mediaElement.elementRef.nativeElement); .create(this.mediaElement.elementRef.nativeElement);
elem.play(); elem.play();
@ -285,7 +285,7 @@ export class GalleryLightboxComponent implements OnDestroy, OnInit {
const elem = this.builder const elem = this.builder
.build([ .build([
style(DimensionUtils.toString(from)), style(DimensionUtils.toString(from)),
animate(300, style(DimensionUtils.toString(to))), animate('0.2s ease-in-out', style(DimensionUtils.toString(to))),
]) ])
.create(this.lightboxElement.nativeElement); .create(this.lightboxElement.nativeElement);
elem.play(); elem.play();