fix(GUI): html structure in AlertDialog for importPublications (PR #2658

Fixes #2657)
edrlab · Nov 27, 2024 · 9e9ffe5 · 9e9ffe5
1 parent c42bf87
commit 9e9ffe5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/src/renderer/assets/styles/components/alert.modals.scss b/src/renderer/assets/styles/components/alert.modals.scss
@@ -43,11 +43,9 @@
   margin-bottom: 20px;
   color: var(--color-primary);
   line-height: 1.5;
+  padding-left: 20px;
+  list-style-type: "- ";
 
-  ul {
-    padding-left: 20px;
-    list-style-type: "- ";
-  }
 }
 
 .AlertDialogButtonContainer {

diff --git a/src/renderer/library/components/dialog/FileImport.tsx b/src/renderer/library/components/dialog/FileImport.tsx
@@ -58,7 +58,7 @@ class FileImport extends React.Component<IProps, undefined> {
                             this.props.__("catalog.addBookToLib")
                         }
                     </AlertDialog.Title>
-                    <AlertDialog.Description className={stylesAlertModals.AlertDialogDescription}>
+                    <AlertDialog.Description className={stylesAlertModals.AlertDialogDescription} asChild>
                         {
                             // useless ??
                             (!files || files.length === 0) ?
@@ -74,11 +74,9 @@ class FileImport extends React.Component<IProps, undefined> {
                                     // </div>
                                 ) : (
                                     // <div className={stylesAlertModals.AlertDialogContent}>
-                                    <div>
                                             <ul>
                                                 {files.map((file, i) => <li key={i}>{file.name}</li>)}
                                             </ul>
-                                    </div>
                                         // <div>
                                         // </div>
                                     // </div>