Allow to wrap HorizontalSep

greenbone · Jun 4, 2021 · 6bf8ea8 · 6bf8ea8
1 parent a6c8b7b
commit 6bf8ea8
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/gsa/src/web/components/layout/horizontalsep.js b/gsa/src/web/components/layout/horizontalsep.js
@@ -17,11 +17,14 @@
  */
 import styled from 'styled-components';
 
+import {isDefined} from 'gmp/utils/identity';
+
 import PropTypes from 'web/utils/proptypes';
 
 import Divider from './divider';
 
 const HorizontalSep = styled(Divider)`
+  flex-wrap: ${props => (isDefined(props.wrap) ? props.wrap : null)};
   & > *:not(:last-child)::after {
     content: ${({separator = '•'}) => `'${separator}'`};
     margin-left: ${({spacing = '5px'}) => spacing};
@@ -31,6 +34,7 @@ const HorizontalSep = styled(Divider)`
 HorizontalSep.propTypes = {
   separator: PropTypes.string,
   spacing: PropTypes.string,
+  wrap: PropTypes.oneOf([true, 'wrap', 'nowrap']),
 };
 
 export default HorizontalSep;