fix: set min-width for the Transfer component in Data dimension modal

dhis2 · Nov 25, 2024 · dd67059 · dd67059
1 parent 738d38c
commit dd67059
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/DataDimension/ItemSelector.js b/src/components/DataDimension/ItemSelector.js
@@ -452,7 +452,7 @@ const ItemSelector = ({
         }))
 
     return (
-        <>
+        <div className="transfer-container">
             <Transfer
                 onChange={({ selected }) => onChange(selected)}
                 selected={selectedItems.map((item) => item.value)}
@@ -560,7 +560,7 @@ const ItemSelector = ({
                 />
             )}
             <style jsx>{styles}</style>
-        </>
+        </div>
     )
 }
 

diff --git a/src/components/styles/DimensionSelector.style.js b/src/components/styles/DimensionSelector.style.js
@@ -2,6 +2,9 @@ import { spacers, colors } from '@dhis2/ui'
 import css from 'styled-jsx/css'
 
 export default css`
+    .transfer-container {
+        min-width: 800px;
+    }
     .filterContainer {
         display: flex;
         margin-bottom: ${spacers.dp12};