Mahdi/CRM_Montzar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix modal body scroll so tall forms like new-person stay usable.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Mahdi
2026-09-19 11:10:16 +03:30
co-authored by Cursor
parent 3b643d7bb9
commit a428c6f135
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/ui/UiModal.vue
+8 -8
View File
@@ -67,7 +67,8 @@ function onBackdrop(event: MouseEvent) {
.dialog { .dialog {
width: min(880px, 100%); width: min(880px, 100%);
max-height: min(88vh, 880px); max-height: min(88dvh, 88vh, 880px);
min-height: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: #fff; background: #fff;
@@ -119,9 +120,10 @@ function onBackdrop(event: MouseEvent) {
.body { .body {
flex: 1 1 auto; flex: 1 1 auto;
min-height: 0; min-height: 0;
overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
display: flex; overscroll-behavior: contain;
flex-direction: column; -webkit-overflow-scrolling: touch;
padding: 16px; padding: 16px;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -130,10 +132,8 @@ function onBackdrop(event: MouseEvent) {
.body :deep(.page.embedded), .body :deep(.page.embedded),
.body :deep(.product-form-page.embedded), .body :deep(.product-form-page.embedded),
.body :deep(.company-form-page.embedded) { .body :deep(.company-form-page.embedded) {
display: flex; min-height: 0;
flex-direction: column; max-width: 100%;
flex: 1 1 auto;
min-height: 100%;
} }
.body :deep(.page.embedded > .form), .body :deep(.page.embedded > .form),
@@ -141,7 +141,6 @@ function onBackdrop(event: MouseEvent) {
.body :deep(.crm-page.embedded > .form), .body :deep(.crm-page.embedded > .form),
.body :deep(.crm-page.embedded > form), .body :deep(.crm-page.embedded > form),
.body :deep(.crm-page.embedded > .crm-form) { .body :deep(.crm-page.embedded > .crm-form) {
flex: 1 1 auto;
min-height: 0; min-height: 0;
} }
@@ -209,6 +208,7 @@ function onBackdrop(event: MouseEvent) {
} }
.body { .body {
flex: 1 1 0%;
padding: 16px; padding: 16px;
} }