diff --git a/api/js/etemplate/Layout/Et2Details/Et2Details.ts b/api/js/etemplate/Layout/Et2Details/Et2Details.ts index b6525bfbf1..41bb76898c 100644 --- a/api/js/etemplate/Layout/Et2Details/Et2Details.ts +++ b/api/js/etemplate/Layout/Et2Details/Et2Details.ts @@ -50,19 +50,14 @@ export class Et2Details extends Et2Widget(SlDetails) order: 1; } + .details { + border: var(--sl-panel-border-width) solid var(--sl-panel-border-color); + } .details.hoist { position: relative; } - /* - .details .details__body { - height: calc(100% - 2em - 2 * var(--sl-spacing-medium)); - overflow-x: hidden; - overflow-y: auto; - } - - */ - .details.hoist .details__body { + .details.hoist .details__body { position: absolute; z-index: var(--sl-z-index-drawer); background: var(--sl-color-neutral-0); diff --git a/pixelegg/css/fancy.css b/pixelegg/css/fancy.css index f4723bf972..81dc8cf858 100644 --- a/pixelegg/css/fancy.css +++ b/pixelegg/css/fancy.css @@ -6829,6 +6829,7 @@ table.egwGridView_grid img.et2_appicon { --sl-input-border-radius-small: 2px; --sl-input-border-radius-medium: 3px; --sl-input-border-color-focus: #E6E6E6; + --sl-panel-border-color: var(--sl-color-neutral-400); --indicator-color: #696969; --sl-input-focus-ring-color: #26537C; --sl-focus-ring-width: 2px; diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index f4c8a4dc27..7b54244880 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -6832,6 +6832,7 @@ table.egwGridView_grid img.et2_appicon { --sl-input-border-radius-small: 2px; --sl-input-border-radius-medium: 3px; --sl-input-border-color-focus: #E6E6E6; + --sl-panel-border-color: var(--sl-color-neutral-400); --indicator-color: #696969; --sl-input-focus-ring-color: #26537C; --sl-focus-ring-width: 2px; diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 8af46659a5..a674d8eb54 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -6822,6 +6822,7 @@ table.egwGridView_grid img.et2_appicon { --sl-input-border-radius-small: 2px; --sl-input-border-radius-medium: 3px; --sl-input-border-color-focus: #E6E6E6; + --sl-panel-border-color: var(--sl-color-neutral-400); --indicator-color: #696969; --sl-input-focus-ring-color: #26537C; --sl-focus-ring-width: 2px; diff --git a/pixelegg/css/pixelegg.less b/pixelegg/css/pixelegg.less index 8232e9ae70..90e138f309 100644 --- a/pixelegg/css/pixelegg.less +++ b/pixelegg/css/pixelegg.less @@ -24,6 +24,7 @@ --sl-input-border-radius-small: 2px; --sl-input-border-radius-medium: 3px; --sl-input-border-color-focus: #E6E6E6; + --sl-panel-border-color: var(--sl-color-neutral-400); --indicator-color: #696969; --sl-input-focus-ring-color: #26537C; --sl-focus-ring-width: 2px; diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 63b695da7d..301d5c706e 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -6640,6 +6640,7 @@ span.egw_tutorial_title { --sl-input-border-radius-small: 2px; --sl-input-border-radius-medium: 3px; --sl-input-border-color-focus: #E6E6E6; + --sl-panel-border-color: var(--sl-color-neutral-400); --indicator-color: #696969; --sl-input-focus-ring-color: #26537C; --sl-focus-ring-width: 2px;