style: fix Lookup styles

nexxtway · Jul 28, 2023 · 80659a8 · 80659a8
1 parent a372cdc
commit 80659a8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/components/Lookup/styled/chip.js b/src/components/Lookup/styled/chip.js
@@ -6,6 +6,12 @@ const StyledChip = attachThemeAttrs(styled(Chip))`
  flex: 1 1 auto;
  margin: 2px;
  background-color: ${props => props.palette.background.main};
+ width: 0px;
+
+ & > span {
+ min-width: 0px;
+ flex-basis: 99%; 
+ }
 `;
 
 export default StyledChip;
diff --git a/src/components/Lookup/styled/chipContainer.js b/src/components/Lookup/styled/chipContainer.js
@@ -3,6 +3,9 @@ import styled from 'styled-components';
 const StyledChipContainer = styled.span`
  display: flex;
  align-items: center;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
 `;
 
 export default StyledChipContainer;