fix: dropdown styles in right panel break when selected item's name i…

…s too long
reearth · Apr 27, 2022 · 9a59938 · 9a59938
1 parent 42d7aac
commit 9a59938
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/components/atoms/Select/index.tsx b/src/components/atoms/Select/index.tsx
@@ -79,6 +79,9 @@ const SelectWrapper = styled.div`
 const Selected = styled(Text)<{ inactive: boolean }>`
   flex: 1;
   padding: 3px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 `;
 
 const StyledDownArrow = styled(Icon)`

diff --git a/src/components/molecules/EarthEditor/PropertyPane/PropertyField/index.tsx b/src/components/molecules/EarthEditor/PropertyPane/PropertyField/index.tsx
@@ -253,6 +253,7 @@ const StyledPropertyTitleWrapper = styled.div`
 const StyledPropertyFieldWrapper = styled.div`
   flex: 2;
   width: 100%;
+  min-width: 0;
 `;
 
 export default PropertyField;