From 15d99cb51fa024c952eddd66c2fa0f2428bcf43b Mon Sep 17 00:00:00 2001 From: jonny Date: Sat, 11 Apr 2026 10:43:47 +0800 Subject: [PATCH] Make editor container and input flex-aware Enable flex layout for the editor wrapper and make .common-editor-inputer a flexible child. Added display:flex and flex-direction:column to the container rule, replaced height:auto with flex: 1 1 auto and added min-height:0 on .common-editor-inputer to allow proper shrinking/growth and avoid overflow issues in flex layouts. (css/main.css) --- css/main.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/css/main.css b/css/main.css index 2ed8bcb..f17593a 100644 --- a/css/main.css +++ b/css/main.css @@ -52,6 +52,8 @@ a{color: #555;} overflow: visible; box-sizing: border-box; contain: layout; + display: flex; + flex-direction: column; } .memo-editor-header{ @@ -150,7 +152,8 @@ a{color: #555;} .common-editor-inputer{ padding-right: 1.5rem; - height: auto; + flex: 1 1 auto; + min-height: 0; display: block; box-sizing: border-box; }