diff --git a/basic-styles/grid.scss b/basic-styles/grid.scss index d7ec060..40afe2e 100644 --- a/basic-styles/grid.scss +++ b/basic-styles/grid.scss @@ -237,6 +237,11 @@ display: inline-block; } +.inline-overflow { + display: inline-flex; + max-width: 100%; +} + .flex-row { display: flex; justify-content: space-between; diff --git a/interaction/block-select.js b/interaction/block-select.js index b124f9b..9fd30d7 100644 --- a/interaction/block-select.js +++ b/interaction/block-select.js @@ -34,6 +34,9 @@ export function BlockSelect({as = 'span', children, title, className, wrap, inli if (wrap) { props.style = {...props.style, whiteSpace: 'normal', overflow: 'visible'} } + if (wrap === false) { + props.style = {...props.style, whiteSpace: 'nowrap', overflow: 'hidden'} + } if (inline){ props.style = {...props.style, display: 'inline'} } diff --git a/package.json b/package.json index 2d46648..de5e55e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@stellar-expert/ui-framework", - "version": "1.3.5", + "version": "1.3.6", "private": true, "description": "StellarExpert shared UI components library", "main": "index.js",