From 146f6e86f7ebe8f16e8b4e22ba8308e65baeca5e Mon Sep 17 00:00:00 2001 From: nathan Date: Tue, 12 Jul 2022 15:33:02 -0600 Subject: [PATCH] Max height for nm columnselection, so we get a scrollbar with a lot of customfields --- api/js/etemplate/Et2Nextmatch/ColumnSelection.ts | 7 ++++--- api/templates/default/etemplate2.css | 4 ++++ 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/api/js/etemplate/Et2Nextmatch/ColumnSelection.ts b/api/js/etemplate/Et2Nextmatch/ColumnSelection.ts index 970e20287a..1ca136a685 100644 --- a/api/js/etemplate/Et2Nextmatch/ColumnSelection.ts +++ b/api/js/etemplate/Et2Nextmatch/ColumnSelection.ts @@ -22,23 +22,24 @@ export class Et2ColumnSelection extends Et2InputWidget(LitElement) shoelace, css` :host { - height: 100%; + max-height: inherit; display: flex; flex-direction: column; - flex: 1 0 auto; + flex: 1 1 auto; --icon-width: 20px; } .title { font-size: var(--sl-font-size-large); color: var(--sl-color-neutral-0); background-color: var(--sl-color-primary-600); + flex: 1 1 auto; } .title sl-icon { vertical-align: middle; cursor: pointer; } sl-menu { - flex: 1 1 auto; + flex: 1 10 auto; overflow-y: auto; } /* Drag handle on columns (not individual custom fields or search letter) */ diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css index 284b078d0f..54a9e34840 100644 --- a/api/templates/default/etemplate2.css +++ b/api/templates/default/etemplate2.css @@ -4003,6 +4003,10 @@ tr.disableIfNoEPL { border: 2px dashed silver; } +.colselection { + max-height: 600px; +} + .colselection .dialogFooterToolbar { display: flex; flex-direction: row;