Better sizing for groupbox / details

This commit is contained in:
nathan 2024-08-29 11:19:14 -06:00
parent 69c87ffb94
commit b070a5992c
2 changed files with 4 additions and 2 deletions

View File

@ -52,6 +52,7 @@ export class Et2Details extends Et2Widget(SlDetails)
.details { .details {
border: var(--sl-panel-border-width) solid var(--sl-panel-border-color); border: var(--sl-panel-border-width) solid var(--sl-panel-border-color);
margin: 0px;
} }
.details.hoist { .details.hoist {
position: relative; position: relative;

View File

@ -50,7 +50,7 @@ export class Et2Groupbox extends Et2Details
*/ */
.details__body { .details__body {
height: calc(100% - 3em - var(--sl-border-radius-medium)) !important; height: calc(100% - 2em - var(--sl-border-radius-medium)) !important;
position: relative; position: relative;
} }
@ -62,7 +62,7 @@ export class Et2Groupbox extends Et2Details
.details__content { .details__content {
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
height: 100%; height: calc(100% - 2 * var(--sl-spacing-medium));
} }
/* end workaround */ /* end workaround */
@ -89,6 +89,7 @@ export class Et2Groupbox extends Et2Details
details.summaryOnTop { details.summaryOnTop {
padding-top: .5rem; padding-top: .5rem;
margin-top: .5rem; margin-top: .5rem;
height: auto;
} }
`, `,
]; ];