Max height for nm columnselection, so we get a scrollbar with a lot of customfields

This commit is contained in:
nathan 2022-07-12 15:33:02 -06:00
parent d9f094053f
commit 146f6e86f7
2 changed files with 8 additions and 3 deletions

View File

@ -22,23 +22,24 @@ export class Et2ColumnSelection extends Et2InputWidget(LitElement)
shoelace, shoelace,
css` css`
:host { :host {
height: 100%; max-height: inherit;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1 0 auto; flex: 1 1 auto;
--icon-width: 20px; --icon-width: 20px;
} }
.title { .title {
font-size: var(--sl-font-size-large); font-size: var(--sl-font-size-large);
color: var(--sl-color-neutral-0); color: var(--sl-color-neutral-0);
background-color: var(--sl-color-primary-600); background-color: var(--sl-color-primary-600);
flex: 1 1 auto;
} }
.title sl-icon { .title sl-icon {
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
} }
sl-menu { sl-menu {
flex: 1 1 auto; flex: 1 10 auto;
overflow-y: auto; overflow-y: auto;
} }
/* Drag handle on columns (not individual custom fields or search letter) */ /* Drag handle on columns (not individual custom fields or search letter) */

View File

@ -4003,6 +4003,10 @@ tr.disableIfNoEPL {
border: 2px dashed silver; border: 2px dashed silver;
} }
.colselection {
max-height: 600px;
}
.colselection .dialogFooterToolbar { .colselection .dialogFooterToolbar {
display: flex; display: flex;
flex-direction: row; flex-direction: row;