Prevent layout recalculations in some animations

2022-11-23 12:13:13 -08:00 · 2022-11-23 12:13:13 -08:00 · e3299b0445
commit e3299b0445
parent 97454b6bac
10 changed files with 52 additions and 27 deletions
--- a/ts/components/DialogUpdate.tsx
+++ b/ts/components/DialogUpdate.tsx
@ -204,7 +204,7 @@ export function DialogUpdate({
        <div className="LeftPaneDialog__progress--container">
          <div
            className="LeftPaneDialog__progress--bar"
-            style={{ width: `${width}%` }}
+            style={{ transform: `translateX(${width - 100}%)` }}
          />
        </div>
      </LeftPaneDialog>