🩹(frontend) fix small ui issue

- Better position of close icon modal
- Fix some z-index issues with the floating bar
- Fix translation not made

src/frontend/apps/impress/src/components/modal/AlertModal.tsx

@@ -52,6 +52,7 @@ export const AlertModal = ({
 
   return (
     <Modal
+      closeOnClickOutside
       isOpen={isOpen}
       size={ModalSize.MEDIUM}
       onClose={onClose}

src/frontend/apps/impress/src/cunningham/cunningham-style.css

@@ -76,6 +76,18 @@
   background-color: transparent;
 }
 
+.c__modal__close .c__button {
+  right: 0;
+  top: 0;
+  position: relative;
+}
+
+.c__modal__close {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+}
+
 /**
  * Tooltip
 */

src/frontend/apps/impress/src/features/docs/doc-header/components/FloatingBar.tsx

@@ -31,7 +31,7 @@ export const FloatingBar = () => {
       margin-left: calc(-${base});
       margin-right: calc(-${base});
       margin-top: calc(-${base});
-      z-index: 10;
+      z-index: 21; // Under editor select box but above other elements (e.g., doc title, suggestion menu)
       display: flex;
       align-items: flex-start;
       justify-content: flex-start;

src/frontend/apps/impress/src/features/docs/docs-grid/components/DocMoveModal.tsx

@@ -167,9 +167,13 @@ export const DocMoveModal = ({
                 $weight="normal"
                 $textAlign="left"
               >
-                <Trans t={t}>
-                  Choose the new location for <strong>{docTitle}</strong>.
-                </Trans>
+                <Trans
+                  i18nKey="Choose the new location for <strong>{{title}}</strong>."
+                  values={{
+                    title: docTitle,
+                  }}
+                  components={{ strong: <strong /> }}
+                />
               </Text>
             </Box>
             <HorizontalSeparator />

src/frontend/apps/impress/src/i18n/translations.json

@@ -744,7 +744,7 @@
       "Cancel the move": "Annuler le déplacement",
       "Change role for {{email}}": "Changer le rôle pour {{email}}",
       "Change role for {{name}}": "Changer le rôle pour {{name}}",
-      "Choose the new location for <strong>{docTitle}</strong>.": "Choisissez le nouvel emplacement pour <strong>{docTitle}</strong>.",
+      "Choose the new location for <strong>{{title}}</strong>.": "Choisissez le nouvel emplacement pour <strong>{{title}}</strong>.",
       "Close the access request modal": "Fermer la fenêtre modale de demande d'accès",
       "Close the delete modal": "Fermer la fenêtre modale de suppression",
       "Close the download modal": "Fermer la fenêtre modale de téléchargement",
@@ -1218,7 +1218,7 @@
       "Cancel the move": "Annuleer verplaatsen",
       "Change role for {{email}}": "Rol wijzigen voor {{email}}",
       "Change role for {{name}}": "Rol wijzigen voor {{name}}",
-      "Choose the new location for <strong>{docTitle}</strong>.": "Kies de nieuwe locatie voor <strong>{docTitle}</strong>.",
+      "Choose the new location for <strong>{{title}}</strong>.": "Kies de nieuwe locatie voor <strong>{{title}}</strong>.",
       "Close the access request modal": "Sluit het toegangsverzoek venster",
       "Close the delete modal": "Sluit het verwijder venster",
       "Close the download modal": "Sluit het downloadvenster",
@@ -1555,7 +1555,7 @@
       "Cancel the move": "Отмена перемещения",
       "Change role for {{email}}": "Изменить роль для {{email}}",
       "Change role for {{name}}": "Изменить роль для {{name}}",
-      "Choose the new location for <strong>{docTitle}</strong>.": "Выберите новое расположение для <strong>{docTitle}</strong>.",
+      "Choose the new location for <strong>{{title}}</strong>.": "Выберите новое расположение для <strong>{{title}}</strong>.",
       "Close the access request modal": "Закрыть окно запроса доступа",
       "Close the delete modal": "Закрыть окно удаления",
       "Close the download modal": "Закрыть окно загрузки",
@@ -1993,7 +1993,7 @@
       "Cancel the move": "Скасувати переміщення",
       "Change role for {{email}}": "Змінити роль для {{email}}",
       "Change role for {{name}}": "Змінити роль для {{name}}",
-      "Choose the new location for <strong>{docTitle}</strong>.": "Виберіть нове розташування для <strong>{docTitle}</strong>.",
+      "Choose the new location for <strong>{{title}}</strong>.": "Виберіть нове розташування для <strong>{{title}}</strong>.",
       "Close the access request modal": "Закрити вікно запиту доступу",
       "Close the delete modal": "Закрити вікно видалення",
       "Close the download modal": "Закрити вікно завантаження",