스마트에디터 반응형 CSS 추가
-
밤늦은특공
- 0건
- 117회
- 21-07-25 15:07
640 이하에서만 맞추면 될 것 같아서 640 이하로만 맞췄습니다.
/plugin/editor/smartdeitor2/css/ko_KR/smart_editor2.css
파일 맨 아래에
@media (max-width: 640px){
#smart_editor2 .se2_text_tool { position: relative; display: flex; flex-wrap: wrap; z-index: 30; padding: 5px; background: #f4f4f4 url(../../img/bg_text_tool.gif) 0 0 repeat-x; border-bottom: 1px solid #b5b5b5; }
#smart_editor2 .se2_text_tool > ul { position: relative; width: auto; margin-right: 3px; margin-bottom: 5px; padding: 0; }
#smart_editor2 .se2_text_tool > ul:last-child { margin-right: 0; }
#smart_editor2 .se2_text_tool li.husky_seditor_ui_fontName,
#smart_editor2 .se2_text_tool li.husky_seditor_ui_fontSize,
#smart_editor2 .se2_text_tool li.husky_seditor_ui_fontColor,
#smart_editor2 .se2_text_tool li.husky_seditor_ui_BGColor { z-index: 60; }
#smart_editor2 .se2_text_tool .se2_font_type li { margin-left: 0; }
#smart_editor2 .se2_text_tool .se2_font_type li:first-child { margin-left: -1px; margin-right: 3px; }
#smart_editor2 .se2_text_tool .se2_multy { position:relative; float: left; display: inline; border: 0; margin-right: 3px; padding-left: 1px; white-space: nowrap; }
#smart_editor2 .se2_text_tool .se2_multy .se2_photo { height: 21px; width: 60px; text-align: center; background: #fff; border: 1px solid #c3c3c3; border-radius: .25rem; }
#smart_editor2 .se2_text_tool .se2_multy .se2_photo .se2_icon { height: 21px; line-height: 21px; margin: -5px 2px 0 -1px; }
#smart_editor2 .se2_text_tool .se2_multy .se2_photo .se2_mntxt { height: 21px; line-height: 21px; }
#smart_editor2 .se2_inputarea_controller { width: auto; padding-left: 10px; }
}
추가해 주시면 됩니다.
단, 모바일에서 특문 사용 시 레이어가 벗어나는 건 잡을려니 손이 너무 많이 갈듯 해서 그냥 포기했네요;
등록된 댓글이 없습니다.