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

Fix usage of will-change

cache
Varun Patil 2022-10-12 09:41:51 -07:00
parent 889fd65390
commit 708d0ed08c
4 changed files with 3 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Folder.vue
View File

@ -197,10 +197,7 @@ export default class Folder extends Mixins(GlobalMixin) {
width: 100%;
height: 100%;
filter: brightness(50%);
transition: filter 0.2s ease-in-out;
will-change: filter;
transform: translateZ(0);
&.p-loading, &.p-load-fail {
display: none;

8
src/components/Photo.vue
View File

@ -211,9 +211,6 @@ export default class Photo extends Mixins(GlobalMixin) {
<style lang="scss" scoped>
/* Container and selection */
.p-outer {
will-change: transform, opacity;
transform: translateZ(0);
&.leaving {
transition: all 0.2s ease-in;
transform: scale(0.9);
@ -263,12 +260,11 @@ export default class Photo extends Mixins(GlobalMixin) {
/* Actual image */
div.img-outer {
padding: 2px;
will-change: padding;
transition: padding 0.1s ease;
transition: transform 0.1s ease;
background-clip: content-box, padding-box;
background-color: var(--color-background-dark);
.selected > & { padding: 5%; }
.selected > & { transform: scale(0.9); }
> img {
background-clip: content-box;

3
src/components/Tag.vue
View File

@ -231,10 +231,7 @@ export default class Tag extends Mixins(GlobalMixin) {
width: 100%;
filter: brightness(60%);
cursor: pointer;
transition: filter 0.2s ease-in-out;
will-change: filter;
transform: translateZ(0);
&.p-loading, &.p-load-fail {
display: none;

1
src/components/Timeline.vue
View File

@ -1523,6 +1523,7 @@ export default class Timeline extends Mixins(GlobalMixin, UserConfig) {
background-color: var(--color-primary);
min-width: 100%;
min-height: 1.5px;
will-change: transform;
&.st {
font-size: 0.75em;