github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-05 03:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): reverse upgrade toast progress

Browse Source
This commit is contained in:
Łukasz Mierzwa
2020-09-07 15:53:46 +01:00
committed by Łukasz Mierzwa
parent 260125782e
commit 4db3e0a0ab
4 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/Components/Toast/ToastMessages.tsx
View File

@@ -58,7 +58,7 @@ const UpgradeToastMessage: FC<{
}`}
onAnimationEnd={alertStore.info.setUpgradeNeeded}
role="progressbar"
style={{ width: 0 }}
style={{ width: 100 }}
></div>
</div>
</div>

2
ui/src/Components/Toast/__snapshots__/AppToasts.test.tsx.snap
View File

@@ -71,7 +71,7 @@ exports[`<AppToasts /> renders UpgradeToastMessage when alertStore.info.upgradeR
>
<div class=\\"progress-bar bg-white toast-upgrade-progressbar\\"
role=\\"progressbar\\"
style=\\"width: 0px;\\"
style=\\"width: 100px;\\"
>
</div>
</div>

2
ui/src/Components/Toast/__snapshots__/ToastMessages.test.tsx.snap
View File

@@ -54,7 +54,7 @@ exports[`<UpgradeToastMessage /> matches snapshot 1`] = `
>
<div class=\\"progress-bar bg-white toast-upgrade-progressbar\\"
role=\\"progressbar\\"
style=\\"width: 0px;\\"
style=\\"width: 100px;\\"
>
</div>
</div>

6
ui/src/Styles/Components/Toast.scss
View File

@@ -32,9 +32,9 @@
@keyframes upgradeProgress {
0% {
width: 0%;
}
100% {
width: 100%;
}
100% {
width: 0%;
}
}