jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-22 08:46:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve styling of the code editor in fullscreen mode (#26029)

Browse Source
This commit is contained in:
Paul Bottein 2025-07-02 13:41:26 +02:00 committed by Bram Kragten
parent 1db8ef37a2
commit 232649c0cd
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/ha-code-editor.ts
View File

@ -584,11 +584,14 @@ export class HaCodeEditor extends ReactiveElement {
:host(.fullscreen) { :host(.fullscreen) {
position: fixed !important; position: fixed !important;
top: var(--header-height, 56px) !important; top: calc(var(--header-height, 56px) + 8px) !important;
left: 0 !important; left: 8px !important;
right: 0 !important; right: 8px !important;
bottom: 0 !important; bottom: 8px !important;
z-index: 9999 !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( background-color: var(
--code-editor-background-color, --code-editor-background-color,
var(--card-background-color) var(--card-background-color)