fix indention

This commit is contained in:
ralf 2024-11-16 09:24:59 +01:00
parent 67e7d9822a
commit 0b08b33a8e

View File

@ -23,9 +23,9 @@ export class Et2Details extends Et2Widget(SlDetails)
...super.styles, ...super.styles,
shoelace, shoelace,
css` css`
:host { :host {
display: block; display: block;
} }
:host([align="right"]) > div { :host([align="right"]) > div {
justify-content: flex-end; justify-content: flex-end;
@ -34,31 +34,31 @@ export class Et2Details extends Et2Widget(SlDetails)
justify-content: flex-start; justify-content: flex-start;
} }
/* CSS for child elements */ /* CSS for child elements */
::slotted(*) { ::slotted(*) {
flex: 1 1 auto; flex: 1 1 auto;
} }
::slotted(img),::slotted(et2-image) { ::slotted(img),::slotted(et2-image) {
/* Stop images from growing. In general we want them to stay */ /* Stop images from growing. In general we want them to stay */
flex-grow: 0; flex-grow: 0;
} }
::slotted([align="left"]) { ::slotted([align="left"]) {
margin-right: auto; margin-right: auto;
order: -1; order: -1;
} }
::slotted([align="right"]) { ::slotted([align="right"]) {
margin-left: auto; margin-left: auto;
order: 1; order: 1;
} }
.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; margin: 0px;
} }
.details.hoist { .details.hoist {
position: relative; position: relative;
} }
.details.hoist .details__body { .details.hoist .details__body {
position: absolute; position: absolute;
z-index: var(--sl-z-index-drawer); z-index: var(--sl-z-index-drawer);
background: var(--sl-color-neutral-0); background: var(--sl-color-neutral-0);