add: dialog size restyling

Signed-off-by: Patrizio Bekerle <[email protected]>
digital-blueprint · Aug 27, 2024 · a76844a · a76844a
1 parent f98fcb5
commit a76844a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/src/components/dbp-cabinet-add-document.js b/src/components/dbp-cabinet-add-document.js
@@ -185,9 +185,16 @@ export class CabinetAddDocument extends ScopedElementsMixin(DBPCabinetLitElement
             ${commonStyles.getButtonCSS()}
             ${commonStyles.getRadioAndCheckboxCss()}
 
+            #document-add-modal {
+                --dbp-modal-min-width: 85vw;
+                --dbp-modal-max-width: 85vw;
+                --dbp-modal-min-height: 90vh;
+                --dbp-modal-max-height: 90vh;
+            }
+
             #document-add-modal .content {
                 display: grid;
-                grid-template-columns: 1fr 2fr;
+                grid-template-columns: 1fr 1fr;
                 gap: 10px 10px;
                 grid-auto-flow: row;
             }
@@ -224,10 +231,6 @@ export class CabinetAddDocument extends ScopedElementsMixin(DBPCabinetLitElement
                 ${ref(this.documentAddModalRef)}
                 id="document-add-modal"
                 modal-id="document-add-modal"
-                width="80%"
-                height="80%"
-                min-width="80%"
-                min-height="80%"
                 subscribe="lang">
                 <div slot="content" class="content">
                     <div class="description">

diff --git a/src/components/dbp-cabinet-view-file.js b/src/components/dbp-cabinet-view-file.js
@@ -84,7 +84,7 @@ export class CabinetViewFile extends ScopedElementsMixin(DBPCabinetLitElement) {
 
             #view-modal .content {
                 display: grid;
-                grid-template-columns: 1fr 2fr;
+                grid-template-columns: 1fr 1fr;
                 gap: 10px 10px;
                 grid-auto-flow: row;
             }

diff --git a/src/components/dbp-cabinet-view-person.js b/src/components/dbp-cabinet-view-person.js
@@ -84,7 +84,7 @@ export class CabinetViewPerson extends ScopedElementsMixin(DBPCabinetLitElement)
 
             #view-modal .content {
                 display: grid;
-                grid-template-columns: 1fr 2fr;
+                grid-template-columns: 1fr 1fr;
                 gap: 10px 10px;
                 grid-auto-flow: row;
             }