Fix usage of will-change
parent
e3f1ac7819
commit
563cf6ebfc
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue