From 929f620bbff771aa2f981a1a9297f524e6038179 Mon Sep 17 00:00:00 2001 From: meriadec Date: Wed, 27 Jun 2018 12:45:38 +0200 Subject: [PATCH] Grey border for passed steps, and remove weird left border --- src/components/DeviceInteraction/components.js | 15 +-------------- 1 file changed, 1 insertion(+), 14 deletions(-) diff --git a/src/components/DeviceInteraction/components.js b/src/components/DeviceInteraction/components.js index bd673d9b..884649ad 100644 --- a/src/components/DeviceInteraction/components.js +++ b/src/components/DeviceInteraction/components.js @@ -26,7 +26,7 @@ export const DeviceInteractionStepContainer = styled(Box).attrs({ min-height: 80px; border: 1px solid ${p => p.theme.colors.fog}; border-color: ${p => - p.isError ? p.theme.colors.alertRed : p.isActive || p.isSuccess ? p.theme.colors.wallet : ''}; + p.isError ? p.theme.colors.alertRed : p.isActive ? p.theme.colors.wallet : ''}; border-top-color: ${p => (p.isFirst || p.isActive ? '' : 'transparent')}; border-bottom-color: ${p => (p.isPrecedentActive ? 'transparent' : '')}; border-bottom-left-radius: ${p => (p.isLast ? `${radii[1]}px` : 0)}; @@ -39,19 +39,6 @@ export const DeviceInteractionStepContainer = styled(Box).attrs({ ${rgba(p.isError ? p.theme.colors.alertRed : p.theme.colors.wallet, 0.2)} 0 0 3px 2px ` : 'none'}; - - &:after { - content: ''; - position: absolute; - left: -2px; - top: 0; - bottom: 0; - width: 2px; - box-shadow: ${p => - p.isActive && !p.isSuccess - ? `${p.theme.colors[p.isError ? 'alertRed' : 'wallet']} 2px 0 0` - : 'none'}; - } ` export const IconContainer = ({ children }: { children: any }) => (