diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-11-07 08:16:01 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-07 08:16:01 +0800 |
| commit | cab71fd4d177dc89431a36e33a43e9cd7f0e7071 (patch) | |
| tree | 8ca55d1821966d7cc9667000110402d0e7c47853 | |
| parent | 4cf6fbc6a3638d21a3e5631cdd7260e12e02e221 (diff) | |
| download | dexon-sol-tools-cab71fd4d177dc89431a36e33a43e9cd7f0e7071.tar dexon-sol-tools-cab71fd4d177dc89431a36e33a43e9cd7f0e7071.tar.gz dexon-sol-tools-cab71fd4d177dc89431a36e33a43e9cd7f0e7071.tar.bz2 dexon-sol-tools-cab71fd4d177dc89431a36e33a43e9cd7f0e7071.tar.lz dexon-sol-tools-cab71fd4d177dc89431a36e33a43e9cd7f0e7071.tar.xz dexon-sol-tools-cab71fd4d177dc89431a36e33a43e9cd7f0e7071.tar.zst dexon-sol-tools-cab71fd4d177dc89431a36e33a43e9cd7f0e7071.zip | |
fix: progress bar
| -rw-r--r-- | packages/instant/public/external.css | 2 | ||||
| -rw-r--r-- | packages/instant/src/components/timed_progress_bar.tsx | 14 |
2 files changed, 9 insertions, 7 deletions
diff --git a/packages/instant/public/external.css b/packages/instant/public/external.css index c8b3df0d5..cab11112a 100644 --- a/packages/instant/public/external.css +++ b/packages/instant/public/external.css @@ -1,6 +1,6 @@ /* CSS file meant to represent an external (integrators) stylesheet and - help ensure that instant looks consistent accross environments. + help ensure that instant looks consistent across environments. */ button { diff --git a/packages/instant/src/components/timed_progress_bar.tsx b/packages/instant/src/components/timed_progress_bar.tsx index f2a6f5745..aee97eea5 100644 --- a/packages/instant/src/components/timed_progress_bar.tsx +++ b/packages/instant/src/components/timed_progress_bar.tsx @@ -70,9 +70,11 @@ export const TimedProgress = styled.div < TimedProgressProps > ` - background-color: ${props => props.theme[ColorOption.primaryColor]}; - border-radius: 6px; - height: 6px; - animation: ${props => expandingWidthKeyframes(props.fromWidth, props.toWidth)} - ${props => props.timeMs}ms linear 1 forwards; - `; + && { + background-color: ${props => props.theme[ColorOption.primaryColor]}; + border-radius: 6px; + height: 6px; + animation: ${props => expandingWidthKeyframes(props.fromWidth, props.toWidth)} + ${props => props.timeMs}ms linear 1 forwards; + `; + } |