fix: picklist styles when enabledSearch and isLoading is passed

fix: #1624
nexxtway · Jun 22, 2020 · 86d5117 · 86d5117
1 parent 7b9d144
commit 86d5117
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/InternalDropdown/index.js b/src/components/InternalDropdown/index.js
@@ -281,7 +281,7 @@ const InternalDropdown = forwardRef((props, reference) => {
             ref={containerRef}
         >
             <RenderIf isTrue={enableSearch}>
-                <SearchContainer>
+                <SearchContainer isLoading={isLoading}>
                     <Icon />
                     <InputSearch onChange={handleSearch} ref={searchRef} type="search" />
                 </SearchContainer>

diff --git a/src/components/InternalDropdown/styled/index.js b/src/components/InternalDropdown/styled/index.js
@@ -97,6 +97,12 @@ export const SearchContainer = attachThemeAttrs(styled.div)`
     display: flex;
     align-items: center;
     border-bottom: 1px solid ${props => props.palette.border.divider};
+
+    ${props =>
+        props.isLoading &&
+        `
+            margin-bottom: 1rem;
+    `}
 `;
 
 export const Icon = styled(SearchIcon)`