feat(NestedSelect): Add ellipsis on modal title

cozy · Mar 21, 2024 · 341db5a · 341db5a
1 parent de57aff
commit 341db5a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/react/NestedSelect/Modal.jsx b/react/NestedSelect/Modal.jsx
@@ -13,7 +13,8 @@ import List from '../List'
 
 const NestedSelectDialogHeader = ({ onClickBack, showBack, title }) => {
   const { dialogTitleProps } = useCozyDialog({
-    open: true
+    open: true,
+    onClose: true
   })
 
   if (!title) return null
@@ -28,7 +29,7 @@ const NestedSelectDialogHeader = ({ onClickBack, showBack, title }) => {
             </IconButton>
           </Img>
         )}
-        <Bd>{title}</Bd>
+        <Bd className="u-ellipsis">{title}</Bd>
       </Media>
     </DialogTitle>
   )
@@ -44,6 +45,7 @@ const NestedSelectDialogContent = ({ children }) => {
 
 const NestedSelectModal = props => {
   const { dialogProps } = useCozyDialog({ open: true })
+
   return (
     <Dialog {...dialogProps} onClose={props.onClose}>
       <DialogCloseButton