From 232649c0cdb6d3ba4f3602dd457e20a52395c6bf Mon Sep 17 00:00:00 2001 From: Paul Bottein Date: Wed, 2 Jul 2025 13:41:26 +0200 Subject: [PATCH] Improve styling of the code editor in fullscreen mode (#26029) --- src/components/ha-code-editor.ts | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/components/ha-code-editor.ts b/src/components/ha-code-editor.ts index 5cb78c7193..69387c89a3 100644 --- a/src/components/ha-code-editor.ts +++ b/src/components/ha-code-editor.ts @@ -584,11 +584,14 @@ export class HaCodeEditor extends ReactiveElement { :host(.fullscreen) { position: fixed !important; - top: var(--header-height, 56px) !important; - left: 0 !important; - right: 0 !important; - bottom: 0 !important; + top: calc(var(--header-height, 56px) + 8px) !important; + left: 8px !important; + right: 8px !important; + bottom: 8px !important; z-index: 9999 !important; + border-radius: 12px !important; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important; + overflow: hidden !important; background-color: var( --code-editor-background-color, var(--card-background-color)