fixed ellipsis

timerise-io · Aug 13, 2024 · 9efe7b7 · 9efe7b7
1 parent 917fe56
commit 9efe7b7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/ContextSelect.tsx b/src/components/ContextSelect.tsx
@@ -78,7 +78,6 @@ const StyledValue = styled(Typography)`
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  width: calc(100% - 30px);
 `;
 
 const OptionsWrapper = styled.div`

diff --git a/src/features/service/components/Service/ServiceDetails.tsx b/src/features/service/components/Service/ServiceDetails.tsx
@@ -59,6 +59,8 @@ const StyledDetailsRowSelect = styled(Row)`
       padding: 0;
 
       & > div {
+        width: calc(100% - 40px);
+
         & > p {
           font-weight: 700;
         }
@@ -68,6 +70,10 @@ const StyledDetailsRowSelect = styled(Row)`
 }
 `;
 
+const StyledContextSelect = styled(ContextSelect)`
+  width: calc(100% - 20px);
+}`;
+
 const DetailsRow: React.FC<DetailsRowProps> = ({ name, value, icon }) => {
   return (
     <Row mb={0.5} w="100%" jc="flex-start" ai="flex-start">
@@ -151,7 +157,7 @@ const ServiceDetails = () => {
               <IconWrapper>
                 <IconMapPin />
               </IconWrapper>
-              <ContextSelect
+              <StyledContextSelect
                 label={""}
                 value={location}
                 options={locationsOptions}