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

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 */
height: 100%; /* Full height */
background-color: black;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
app-info-panel {
@ -35,11 +35,11 @@ app-info-panel {
max-width: 100vw;
right: 0;
top: 0;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s 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
.build([
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);
elem.play();
@ -285,7 +285,7 @@ export class GalleryLightboxComponent implements OnDestroy, OnInit {
const elem = this.builder
.build([
style(DimensionUtils.toString(from)),
animate(300, style(DimensionUtils.toString(to))),
animate('0.2s ease-in-out', style(DimensionUtils.toString(to))),
])
.create(this.lightboxElement.nativeElement);
elem.play();