From 80659a80e27a86c83675faea96608e9b70c7cee7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Wilder=20Gonz=C3=A1lez=20D=C3=ADaz?= Date: Fri, 28 Jul 2023 11:06:25 -0600 Subject: [PATCH] style: fix Lookup styles --- src/components/Lookup/styled/chip.js | 6 ++++++ src/components/Lookup/styled/chipContainer.js | 3 +++ 2 files changed, 9 insertions(+) diff --git a/src/components/Lookup/styled/chip.js b/src/components/Lookup/styled/chip.js index a40aed5e7..087e9f57a 100644 --- 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 index 3518c22ef..f6a9aad4c 100644 --- 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;