aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-11-07 08:16:01 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-11-07 08:16:01 +0800
commitcab71fd4d177dc89431a36e33a43e9cd7f0e7071 (patch)
tree8ca55d1821966d7cc9667000110402d0e7c47853
parent4cf6fbc6a3638d21a3e5631cdd7260e12e02e221 (diff)
downloaddexon-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.css2
-rw-r--r--packages/instant/src/components/timed_progress_bar.tsx14
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;
+ `;
+ }