fix: CozyDialogContent for immersive mode

I don't know yet why we need to create the Dialog by ourselve without using the props from UI, but let's make a quick fix in order to put some padding to the content.
cozy · May 19, 2023 · c29bde5 · c29bde5
1 parent 5d7922f
commit c29bde5
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/packages/cozy-harvest-lib/src/components/AccountModal.jsx b/packages/cozy-harvest-lib/src/components/AccountModal.jsx
@@ -181,7 +181,12 @@ export class AccountModal extends Component {
           </DialogContent>
         )}
         {!error && !fetching && (
-          <DialogContent className={isMobile ? 'u-p-0' : 'u-pt-0'}>
+          <DialogContent
+            className={isMobile ? 'u-pt-0 u-pr-0 u-pl-0' : 'u-pt-0'}
+            style={{
+              paddingBottom: 'var(--flagship-bottom-height)'
+            }}
+          >
             <KonnectorAccountWrapper
               initialActiveTab={initialActiveTab}
               konnector={konnector}

diff --git a/packages/cozy-harvest-lib/src/components/__snapshots__/AccountModal.spec.jsx.snap b/packages/cozy-harvest-lib/src/components/__snapshots__/AccountModal.spec.jsx.snap
@@ -90,7 +90,12 @@ exports[`AccountModal with an account should display the AccountSelect & Content
     />
   </KonnectorModalHeader>
   <ForwardRef(WithStyles)
-    className="u-p-0"
+    className="u-pt-0 u-pr-0 u-pl-0"
+    style={
+      Object {
+        "paddingBottom": "var(--flagship-bottom-height)",
+      }
+    }
   >
     <KonnectorAccountWrapper
       account={
@@ -155,7 +160,12 @@ exports[`AccountModal with an account should display the AccountSelect & Content
     />
   </KonnectorModalHeader>
   <ForwardRef(WithStyles)
-    className="u-p-0"
+    className="u-pt-0 u-pr-0 u-pl-0"
+    style={
+      Object {
+        "paddingBottom": "var(--flagship-bottom-height)",
+      }
+    }
   >
     <KonnectorAccountWrapper
       account={