fix(#115): handle long text in delete modals

bimdata · Jan 31, 2022 · 2f870d7 · 2f870d7
1 parent 8ace361
commit 2f870d7
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/src/components/specific/files/files-manager/files-delete-modal/FilesDeleteModal.scss b/src/components/specific/files/files-manager/files-delete-modal/FilesDeleteModal.scss
@@ -1,11 +1,13 @@
 .files-delete-modal {
   &__message {
+    width: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 
     &__list {
+      width: 100%;
       margin-right: auto;
 
       &__item {

diff --git a/src/components/specific/files/files-manager/files-delete-modal/FilesDeleteModal.vue b/src/components/specific/files/files-manager/files-delete-modal/FilesDeleteModal.vue
@@ -17,7 +17,7 @@
             v-for="file of files"
             :key="file.id"
           >
-            "{{ file.name }}"
+            <BIMDataTextBox :text="file.name" />
           </li>
         </ul>
       </div>

diff --git a/src/components/specific/models/models-manager/models-delete-modal/ModelsDeleteModal.scss b/src/components/specific/models/models-manager/models-delete-modal/ModelsDeleteModal.scss
@@ -1,11 +1,13 @@
 .models-delete-modal {
   &__message {
+    width: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 
     &__list {
+      width: 100%;
       margin-right: auto;
 
       &__item {

diff --git a/src/components/specific/models/models-manager/models-delete-modal/ModelsDeleteModal.vue b/src/components/specific/models/models-manager/models-delete-modal/ModelsDeleteModal.vue
@@ -16,7 +16,7 @@
             v-for="model of models"
             :key="model.id"
           >
-            "{{ model.name }}"
+            <BIMDataTextBox :text="model.name" />
           </li>
         </ul>
       </div>