From 3cd0d4afb582325e101ae0fa0ce19e87adadb89a Mon Sep 17 00:00:00 2001 From: liquidev Date: Thu, 5 Sep 2024 22:13:07 +0200 Subject: [PATCH] fix code editor gutter sizing --- static/index.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/static/index.css b/static/index.css index bc1e442..748c093 100644 --- a/static/index.css +++ b/static/index.css @@ -169,7 +169,7 @@ rkgk-reticle-cursor { /* Code editor */ rkgk-code-editor { - --gutter-width: 2.5em; + --gutter-width: 2.75em; display: block; position: relative; @@ -191,6 +191,7 @@ rkgk-code-editor { flex-direction: column; &>.line { + flex-shrink: 0; white-space: pre-wrap; } } @@ -209,10 +210,11 @@ rkgk-code-editor { counter-increment: line; &::before { + flex-shrink: 0; + display: block; width: var(--gutter-width); - flex-shrink: 0; - padding-right: 0.5em; + padding-right: 0.75em; box-sizing: border-box; content: counter(line);