.template-textarea{ width:100%; display:flex; flex-direction:column; position: relative; .editor-area{ min-height: 800px!important; } .rich-editor{ width:100%; min-height: 20px; /* h1{ font-size:14px; font-weight: bold; } */ } .content{ padding:10px; } .editor{ width:100%; display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; } .menus{ position:absolute; bottom:0px; right:0px; font-size:12px; display:flex; width:50px; height:100px; border:1px dashed #CCC; flex-direction: column; justify-content: center; align-items: center; .attr{ display:flex; width:100%; height:50px; flex-direction: column; justify-content: center; align-items: center; .attr-icon-size{ width:28px; height:28px; } } .delete{ display:flex; width:100%; height:50px; flex-direction: column; justify-content: center; align-items: center; .attr-icon-size{ width:28px; height:28px; } } } } .attr-icon-size{ width:48px; height:48px; } .min-height{ min-height:300px; }