diff --git a/packages/react-components/src/Badge.tsx b/packages/react-components/src/Badge.tsx index 2b027fb6d0..60e5db393b 100644 --- a/packages/react-components/src/Badge.tsx +++ b/packages/react-components/src/Badge.tsx @@ -34,9 +34,7 @@ function Badge ({ className = '', color = 'normal', hover, icon, info, isSmall, className={`ui--Badge ${hover ? 'isTooltip' : ''} ${isSmall ? 'isSmall' : ''} ${onClick ? 'isClickable' : ''} ${color}Color ${className}`} onClick={onClick} > -
- {info || (icon && )} -
+ {info || (icon && )} {hover && ( * { - line-height: 22px; - overflow: hidden; - } - - &.isSmall > * { - line-height: 16px; - } `); diff --git a/packages/react-components/src/CardSummary.tsx b/packages/react-components/src/CardSummary.tsx index 888aa08403..8809f6f4d0 100644 --- a/packages/react-components/src/CardSummary.tsx +++ b/packages/react-components/src/CardSummary.tsx @@ -106,7 +106,7 @@ export default React.memo(styled(CardSummary)` font-size: 1.75rem; font-weight: 100; position: relative; - line-height: 1.75rem; + line-height: 1; text-align: right; > * { @@ -122,9 +122,7 @@ export default React.memo(styled(CardSummary)` } > label { - line-height: 1rem; font-size: 0.95rem; - min-height: 1rem; } .progress { @@ -135,7 +133,6 @@ export default React.memo(styled(CardSummary)` .isSecondary { font-size: 1.1rem; font-weight: normal; - line-height: 1.1rem; margin-top: 0.25rem; } } @@ -146,7 +143,6 @@ export default React.memo(styled(CardSummary)` > div { font-size: 1.4rem; - line-height: 1.4rem; } } `); diff --git a/packages/react-components/src/Table/Body.tsx b/packages/react-components/src/Table/Body.tsx index 0414ed9442..bb25f76a39 100644 --- a/packages/react-components/src/Table/Body.tsx +++ b/packages/react-components/src/Table/Body.tsx @@ -33,7 +33,6 @@ export default React.memo(styled(Body)` background: white; td { - // border-top: 1px solid #e4e6e8; padding: 0.75rem 1rem; text-align: left; vertical-align: middle; @@ -147,16 +146,6 @@ export default React.memo(styled(Body)` background: #f9f8f7; } - // &.isHighlight { - // &:nth-child(even) td { - // background: #fffff4; - // } - - // &:nth-child(odd) td { - // background: #f4ffff; - // } - // } - &:first-child td { border-top: 1px solid #e4e6e8; } diff --git a/packages/react-components/src/Table/Head.tsx b/packages/react-components/src/Table/Head.tsx index 36fedd7500..f53f4786e6 100644 --- a/packages/react-components/src/Table/Head.tsx +++ b/packages/react-components/src/Table/Head.tsx @@ -30,12 +30,11 @@ function Head ({ className = '', filter, header, isEmpty }: Props): React.ReactE key={index} onClick={onClick} > - { - index === 0 - ?

{label}

- : isEmpty - ? '' - : label + {index === 0 + ?

{label}

+ : isEmpty + ? '' + : label } )}