material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-08-16 09:00:32 +03:00
Code Issues Projects Releases Wiki Activity

refactor(linear-progress): remove will-change from linear progress

Browse Source 
will-change has only really introduced maintenance and perf problems into material wiz library. We should avoid will-change before this becomes a real problem for us too.

PiperOrigin-RevId: 549468935
This commit is contained in:
Elliott Marquez 2023-07-19 17:16:19 -07:00 committed by Copybara-Service
parent 0f7e881ee7
commit 7760021f38
1 changed files with 0 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
progress/lib/_linear-progress.scss
View File

@ -95,7 +95,6 @@ $rtl-selectors: (
inline-size: 100%;
block-size: var(--_active-indicator-height);
transform-origin: left center;
will-change: transform;
transition: transform $_determinate-duration $_determinate-easing;
}
@ -112,14 +111,12 @@ $rtl-selectors: (
.buffer-bar {
background: var(--_track-color);
inset: 0;
will-change: transform;
transition: transform $_determinate-duration $_determinate-easing;
transform-origin: left center;
}
.track {
inset: 0;
will-change: transform;
animation: linear infinite $_determinate-duration;
// stylelint-disable-next-line no-unknown-animations --
// animation generated via mixin
@ -149,7 +146,6 @@ $rtl-selectors: (
}
.indeterminate.animation-ready .primary-bar {
will-change: transform;
animation: linear infinite $_indeterminate-duration;
// stylelint-disable-next-line no-unknown-animations --
// animation generated via mixin
@ -157,7 +153,6 @@ $rtl-selectors: (
}
.indeterminate.animation-ready .primary-bar > .bar-inner {
will-change: transform;
animation: linear infinite $_indeterminate-duration
primary-indeterminate-scale;
}
@ -169,7 +164,6 @@ $rtl-selectors: (
}
.indeterminate.animation-ready .secondary-bar {
will-change: transform;
animation: linear infinite $_indeterminate-duration;
// stylelint-disable-next-line no-unknown-animations --
// animation generated via mixin
@ -177,7 +171,6 @@ $rtl-selectors: (
}
.indeterminate.animation-ready .secondary-bar > .bar-inner {
will-change: transform;
animation: linear infinite $_indeterminate-duration
secondary-indeterminate-scale;
}