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

View File

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

View File

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

View File

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

View File

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