diff --git a/packages/my-joy-beta/src/components/instances/key-value.js b/packages/my-joy-beta/src/components/instances/key-value.js index bb0166de..96d078d3 100644 --- a/packages/my-joy-beta/src/components/instances/key-value.js +++ b/packages/my-joy-beta/src/components/instances/key-value.js @@ -29,7 +29,7 @@ import { DeleteIcon } from 'joyent-ui-toolkit'; -const CollapsedKeyValue = styled.span` +const CollapsedKeyValue = styled.div` word-break: break-all; line-height: 1.5; white-space: nowrap; @@ -143,13 +143,11 @@ export const KeyValue = ({

{`${titleCase(method)} ${type}`}

) : ( - - {!expanded ? ( - `${initialValues.name}: ` - ) : ( - {`${initialValues.name}: `} - )} - + {expanded ? ( + {`${initialValues.name}: `} + ) : ( + {`${initialValues.name}: `} + )} {initialValues.value} )} diff --git a/packages/my-joy-beta/src/containers/instances/tags.js b/packages/my-joy-beta/src/containers/instances/tags.js index 585ee048..5a4340a0 100644 --- a/packages/my-joy-beta/src/containers/instances/tags.js +++ b/packages/my-joy-beta/src/containers/instances/tags.js @@ -70,7 +70,7 @@ export const Tags = ({ const _count = !_loading ? ( -

{tags.length} tags

+

{tags.length} tag{tags.length === 1 ? '' : 's'}

) : null; diff --git a/packages/ui-toolkit/src/base/global.js b/packages/ui-toolkit/src/base/global.js index f6274c34..8ba3466a 100644 --- a/packages/ui-toolkit/src/base/global.js +++ b/packages/ui-toolkit/src/base/global.js @@ -8,10 +8,9 @@ export default ({ theme }) => css` display: none; } - * { - font-family: ${ - theme.font.family - }, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica, sans-serif; + html, body { + font-display: optional; + font-family: ${theme.font.family}, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica, sans-serif; font-weight: ${theme.font.weight.normal}; } diff --git a/packages/ui-toolkit/src/breadcrumb/item.js b/packages/ui-toolkit/src/breadcrumb/item.js index f4cee916..5d9968ae 100644 --- a/packages/ui-toolkit/src/breadcrumb/item.js +++ b/packages/ui-toolkit/src/breadcrumb/item.js @@ -24,6 +24,7 @@ const BaseLink = styled(({ component, children, ...rest }) => )` text-decoration: none; cursor: pointer; + font-weight: ${props => props.theme.font.weight.normal}; &:visited { color: inherit; diff --git a/packages/ui-toolkit/src/button/index.js b/packages/ui-toolkit/src/button/index.js index 2f7864bc..ef068db1 100644 --- a/packages/ui-toolkit/src/button/index.js +++ b/packages/ui-toolkit/src/button/index.js @@ -164,7 +164,6 @@ const Button = styled(BaseButton)` -webkit-text-fill-color: currentcolor; background-color: ${props => props.theme.white}; border-color: ${props => props.theme.red}; - font-weight: 600; &:focus { background-color: ${props => props.theme.white};