File tree Expand file tree Collapse file tree 1 file changed +13
-7
lines changed
src/lib/progress/timeline Expand file tree Collapse file tree 1 file changed +13
-7
lines changed Original file line number Diff line number Diff line change @@ -27,15 +27,21 @@ const loading = keyframes`
2727const Wrapper = styled . div < SideProp & StateProp > `
2828 display: flex;
2929 position: relative;
30- opacity: ${ ( { state } ) => ( ! state || state === "active" ? 1 : 0.5 ) } ;
3130 justify-content: ${ ( { rightSided } ) =>
3231 rightSided ? "flex-start" : "flex-end" } ;
33- ${ ( { state } ) =>
34- state === "loading"
35- ? css `
36- animation: ${ loading } 2s ease-in-out infinite normal;
37- `
38- : "none" } ;
32+ ${ ( { state } ) => {
33+ if ( state === "disabled" )
34+ return css `
35+ opacity: 0.5;
36+ ` ;
37+ if ( state === "loading" )
38+ return css `
39+ animation: ${ loading } 2s ease-in-out infinite normal;
40+ ` ;
41+ return css `
42+ opacity: 1;
43+ ` ;
44+ } }
3945` ;
4046
4147const StyledTitle = styled . h2 `` ;
You can’t perform that action at this time.
0 commit comments