diff --git a/admin/css/style.css b/admin/css/style.css index a166d04d..2d7f05a2 100644 --- a/admin/css/style.css +++ b/admin/css/style.css @@ -851,8 +851,9 @@ a.operate-reply { background: #FFFBCC; color: #666; } -.typecho-post-area textarea { - resize: none; } +.typecho-post-area #text { + resize: none; + font-size: .92857em; } .typecho-post-area #advance-panel-btn { color: #999; } @@ -1049,12 +1050,14 @@ a.operate-reply { * Editor */ .editor { - margin-bottom: -0.8em; } + margin-bottom: -0.5em; } .wmd-button-row { list-style: none; margin: 0; - padding: 0; } + padding: 0; + height: 26px; + line-height: 1; } .wmd-button-row li { display: inline-block; margin-right: 4px; @@ -1108,12 +1111,13 @@ a.operate-reply { /* 预览 */ #wmd-preview { background: #FFF; - padding: 10px 20px; } + padding: 10px 20px; + word-break: break-all; + word-wrap: break-word; } #wmd-preview img { max-width: 100%; } #wmd-preview code, #wmd-preview pre { padding: 2px 4px; - overflow: auto; background: #F6F6F3; font-size: .92857em; } #wmd-preview pre { @@ -1130,47 +1134,37 @@ a.operate-reply { border-width: 2px 0 0 0; } /* 编辑器全屏 */ -.fullscreen #wmd-button-bar { +.fullscreen #wmd-button-bar, .fullscreen #text, .fullscreen #wmd-preview { position: absolute; top: 0; - left: 0; - padding: 6px 0 0 6px; + border: 10px solid #F6F6F3; width: 50%; - background-color: #FFF; - z-index: 1000; - height: 38px; - border-right: 1px solid #D9D9D6; + background: #FFF; + z-index: 999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } -.fullscreen #text { - position: absolute; - top: 38px; +.fullscreen #wmd-button-bar { left: 0; - width: 50%; + padding: 10px; + z-index: 1000; } +.fullscreen #text { + top: 66px; + left: 0; + padding: 10px; + border-width: 0 10px 10px 10px; height: 100%; - z-index: 999; outline: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .fullscreen #wmd-preview { - position: absolute; - top: 0; right: 0; - width: 50%; + border-width: 10px 10px 10px 0; height: 100%; - background-color: #FFF; - z-index: 999; - overflow: auto; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } + overflow: auto; } /** * Jquery Timepicker diff --git a/admin/img/editor.png b/admin/img/editor.png index 82c86516..335c970d 100644 Binary files a/admin/img/editor.png and b/admin/img/editor.png differ diff --git a/admin/scss/components/_editor.scss b/admin/scss/components/_editor.scss index 4ebebf2d..0aa52e14 100644 --- a/admin/scss/components/_editor.scss +++ b/admin/scss/components/_editor.scss @@ -2,13 +2,15 @@ * Editor */ .editor { - margin-bottom: -0.8em; + margin-bottom: -0.5em; } .wmd-button-row { list-style: none; margin: 0; padding: 0; + height: 26px; + line-height: 1; li { display: inline-block; @@ -65,10 +67,11 @@ #wmd-preview { background: #FFF; padding: 10px 20px; + word-break: break-all; + word-wrap: break-word; img { max-width: 100%; } code, pre { padding: 2px 4px; - overflow: auto; background: #F6F6F3; font-size: .92857em; } @@ -89,38 +92,33 @@ /* 编辑器全屏 */ .fullscreen { - #wmd-button-bar { - position:absolute; + #wmd-button-bar, #text, #wmd-preview { + position: absolute; top: 0; - left: 0; - padding: 6px 0 0 6px; + border: 10px solid #F6F6F3; width: 50%; - background-color: #FFF; - z-index: 1000; - height: 38px; - border-right: 1px solid #D9D9D6; + background: #FFF; + z-index: 999; @include box-sizing(border-box); } - #text { - position: absolute; - top: 38px; + #wmd-button-bar { left: 0; - width: 50%; + padding: 10px; + z-index: 1000; + } + #text { + top: 66px; + left: 0; + padding: 10px; + border-width: 0 10px 10px 10px; height: 100%; - z-index: 999; outline: none; - @include box-sizing(border-box); @include border-radius(0); } #wmd-preview { - position: absolute; - top: 0; right: 0; - width:50%; + border-width: 10px 10px 10px 0; height: 100%; - background-color: #FFF; - z-index: 999; overflow: auto; - @include box-sizing(border-box); } } \ No newline at end of file diff --git a/admin/scss/style.scss b/admin/scss/style.scss index e5ef2b55..1baf05bf 100644 --- a/admin/scss/style.scss +++ b/admin/scss/style.scss @@ -639,8 +639,9 @@ a.operate-reply { color: #666; } -.typecho-post-area textarea { +.typecho-post-area #text { resize: none; + font-size: .92857em; } .typecho-post-area #advance-panel-btn {