RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove fade animation 

Just hurts at this point
pull/62/head
Varun Patil 2022-09-25 23:27:41 -07:00
parent 2928ba52d3
commit a42d4c7893
4 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
js/memories-main.js
View File

File diff suppressed because one or more lines are too long

2
js/memories-main.js.map
View File

File diff suppressed because one or more lines are too long

13
src/components/Folder.vue
View File

@ -175,7 +175,7 @@ export default class Folder extends Mixins(GlobalMixin) {
top: 2px; left: 2px; top: 2px; left: 2px;
> .img-outer { > .img-outer {
background-color: var(--color-loading-light); background-color: var(--color-background-dark);
padding: 0; padding: 0;
margin: 0; margin: 0;
width: 50%; width: 50%;
@ -192,12 +192,13 @@ export default class Folder extends Mixins(GlobalMixin) {
height: 100%; height: 100%;
filter: brightness(50%); filter: brightness(50%);
opacity: 1; transition: filter 0.2s ease-in-out;
transition: opacity 0.15s ease, filter 0.2s ease-in-out; will-change: filter;
will-change: opacity, filter;
transform: translateZ(0); transform: translateZ(0);
&.p-loading { opacity: 0; }
&.p-load-fail { display: none; } &.p-loading, &.p-load-fail {
display: none;
}
.folder:hover & { .folder:hover & {
filter: brightness(100%); filter: brightness(100%);

7
src/components/Photo.vue
View File

@ -281,7 +281,7 @@ div.img-outer {
will-change: padding; will-change: padding;
transition: padding 0.1s ease; transition: padding 0.1s ease;
background-clip: content-box, padding-box; background-clip: content-box, padding-box;
background-color: var(--color-loading-light); background-color: var(--color-background-dark);
.selected > & { padding: 5%; } .selected > & { padding: 5%; }
@ -290,9 +290,6 @@ div.img-outer {
object-fit: cover; object-fit: cover;
cursor: pointer; cursor: pointer;
width: 100%; height: 100%; width: 100%; height: 100%;
opacity: 1;
transition: opacity 0.15s ease;
will-change: opacity;
transform: translateZ(0); transform: translateZ(0);
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
@ -300,7 +297,7 @@ div.img-outer {
user-select: none; user-select: none;
.selected > & { box-shadow: 0 0 3px 2px var(--color-primary); } .selected > & { box-shadow: 0 0 3px 2px var(--color-primary); }
.p-loading > & { opacity: 0; } .p-loading > & { display: none; }
} }
} }
</style> </style>