From a76844ae023afbe7a927bbc8555ece6e0bf31a19 Mon Sep 17 00:00:00 2001 From: Patrizio Bekerle Date: Tue, 27 Aug 2024 13:10:48 +0200 Subject: [PATCH] add: dialog size restyling Signed-off-by: Patrizio Bekerle --- src/components/dbp-cabinet-add-document.js | 13 ++++++++----- src/components/dbp-cabinet-view-file.js | 2 +- src/components/dbp-cabinet-view-person.js | 2 +- 3 files changed, 10 insertions(+), 7 deletions(-) diff --git a/src/components/dbp-cabinet-add-document.js b/src/components/dbp-cabinet-add-document.js index 1c01757..bb5cb99 100644 --- 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">
diff --git a/src/components/dbp-cabinet-view-file.js b/src/components/dbp-cabinet-view-file.js index bce2ee0..1318001 100644 --- 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 index 674073c..0bf6f37 100644 --- 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; }