mirror of
https://github.com/Jonnyan404/memos-bber.git
synced 2026-04-25 03:58:37 +09:00
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)
This commit is contained in:
+4
-1
@@ -52,6 +52,8 @@ a{color: #555;}
|
|||||||
overflow: visible;
|
overflow: visible;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
contain: layout;
|
contain: layout;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.memo-editor-header{
|
.memo-editor-header{
|
||||||
@@ -150,7 +152,8 @@ a{color: #555;}
|
|||||||
|
|
||||||
.common-editor-inputer{
|
.common-editor-inputer{
|
||||||
padding-right: 1.5rem;
|
padding-right: 1.5rem;
|
||||||
height: auto;
|
flex: 1 1 auto;
|
||||||
|
min-height: 0;
|
||||||
display: block;
|
display: block;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user