fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-17 18:29:55 +09:00
Code Issues Projects Releases Packages Wiki Activity

xpresseditor UI fix.

Browse source 
git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@9252 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2011-09-21 08:35:34 +00:00
parent 867ae8f6ab
commit d62341b3c6
9 changed files with 49 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

6
modules/editor/lang/lang.xml
View file

@ -739,9 +739,6 @@ Bài viết tự động lưu sẽ tự động hủy sau khi bạn hoàn thành
<item name="verdana">
<value xml:lang="ko"><![CDATA[Verdana, Geneva, sans-serif]]></value>
</item>
<item name="sans-serif">
<value xml:lang="ko"><![CDATA[Sans-serif]]></value>
</item>
<item name="georgia">
<value xml:lang="ko"><![CDATA[Georgia, 'Times New Roman', Times, serif]]></value>
</item>
@ -751,9 +748,6 @@ Bài viết tự động lưu sẽ tự động hủy sau khi bạn hoàn thành
<item name="timesNewRoman">
<value xml:lang="ko"><![CDATA['Times New Roman', Times, serif]]></value>
</item>
<item name="serif">
<value xml:lang="ko"><![CDATA[Serif]]></value>
</item>
<item name="courierNew">
<value xml:lang="ko"><![CDATA['Courier New', Courier, monospace]]></value>
</item>

86
modules/editor/skins/xpresseditor/css/default.css
View file

@ -11,10 +11,10 @@
.xpress-editor img,
.xpress-editor fieldset,
.xpress-editor button{ border:0;}
.xpress-editor button{ background:none; background-repeat:no-repeat; cursor:pointer; _cursor /**/:hand;}
.xpress-editor button{ background:none; background-repeat:no-repeat; cursor:pointer; }
.xpress-editor button *{ visibility:hidden;}
.xpress-editor legend{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.xpress-editor label{ cursor:pointer; _cursor /**/:hand;}
.xpress-editor label{ cursor:pointer; }
.xpress-editor hr{ display:none;}
.xpress-editor li{list-style:none;}
@ -59,10 +59,10 @@
.xpress-editor .tool ul.type{ width:auto; white-space:nowrap;}
.xpress-editor .tool ul.style{ width:169px; z-index:6;}
.xpress-editor .tool ul.paragraph{ width:169px; z-index:5;}
.xpress-editor .tool ul.extra1{ width:90px; z-index:4;}
.xpress-editor .tool ul.extra1{ width:69px; z-index:4;}
.xpress-editor .tool ul.table{ width:85px; z-index:3;}
.xpress-editor .tool ul.extra2{ width:auto; z-index:2;}
.xpress-editor .tool ul.extra3{ float:right; width:auto; z-index:1; margin-right:1px;}
.xpress-editor .tool ul.extra3{ float:left; width:auto; z-index:1; margin-right:1px;}
.xpress-editor .tool ul.extra3 li{ margin-right:4px;}
.xpress-editor .tool li{ position:relative; float:left; margin:0 !important}
.xpress-editor .tool li button{ width:21px; height:21px; background:url(../img/btn_set.gif) no-repeat 0 0; vertical-align:top;}
@ -70,11 +70,10 @@
.xpress-editor .tool li button span{ position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden;}
.xpress-editor .tool li.extensions span.exButton,
.xpress-editor .tool li.extensions span.exButton button{ float:left; position:relative; display:inline-block; width:auto; background:url(../img/btn_extension.gif) no-repeat left top;}
.xpress-editor .tool li.extensions span.exButton{ margin-right:18px;}
.xpress-editor .tool li.extensions span.exButton button{ left:18px; height:21px; background-position:right top; padding:0 4px 0 0; font:11px/21px Tahoma, Sans-serif; text-align:left; *overflow:visible; *line-height:20px;}
.xpress-editor .tool li.extensions span.exButton button{ float:left; position:relative; display:inline-block; width:auto; background:url(../img/btn_set_blank.gif) no-repeat left top;}
.xpress-editor .tool li.extensions span.exButton button{ left:2px; height:21px; background-position:right top; padding:0 4px; font:11px/21px Tahoma, Sans-serif; text-align:left; *overflow:visible; *line-height:20px;}
.xpress-editor.black .tool li.extensions span.exButton,
.xpress-editor.black .tool li.extensions span.exButton button{ color:#fff; background-image:url(../img/btn_extension.black.gif); }
.xpress-editor.black .tool li.extensions span.exButton button{ color:#fff; background-image:url(../img/btn_set_blank.black.gif); }
.xpress-editor .tool li.html span,
.xpress-editor .tool li.html span button,
@ -116,11 +115,10 @@
.xpress-editor .tool li.blockquote button{ width:22px; background-position:-381px 0;}
.xpress-editor .tool li.url button{ width:26px; background-position:-403px 0;}
.xpress-editor .tool li.character button{ background-position:-429px 0;}
.xpress-editor .tool li.find button{ background-position:-450px 0;}
.xpress-editor .tool li.table button{ width:22px; background-position:-471px 0;}
.xpress-editor .tool li.merge button{ background-position:-493px 0;}
.xpress-editor .tool li.splitCol button{ background-position:-514px 0;}
.xpress-editor .tool li.splitRow button{ background-position:-535px 0;}
.xpress-editor .tool li.table button{ width:22px; background-position:-450px 0;}
.xpress-editor .tool li.merge button{ background-position:-472px 0;}
.xpress-editor .tool li.splitCol button{ background-position:-493px 0;}
.xpress-editor .tool li.splitRow button{ background-position:-514px 0;}
.xpress-editor .tool li.extensions span{ background-position:0 0;}
.xpress-editor .tool li.extensions span button{ background-position:right 0;}
.xpress-editor .tool li.html span{ background-position:0 0;}
@ -150,11 +148,10 @@
.xpress-editor .tool li.blockquote button.hover{ width:22px; background-position:-381px -21px;}
.xpress-editor .tool li.url button.hover{ width:26px; background-position:-403px -21px;}
.xpress-editor .tool li.character button.hover{ background-position:-429px -21px;}
.xpress-editor .tool li.find button.hover{ background-position:-450px -21px;}
.xpress-editor .tool li.table button.hover{ width:22px; background-position:-471px -21px;}
.xpress-editor .tool li.merge button.hover{ background-position:-493px -21px;}
.xpress-editor .tool li.splitCol button.hover{ background-position:-514px -21px;}
.xpress-editor .tool li.splitRow button.hover{ background-position:-535px -21px;}
.xpress-editor .tool li.table button.hover{ width:22px; background-position:-450px -21px;}
.xpress-editor .tool li.merge button.hover{ background-position:-472px -21px;}
.xpress-editor .tool li.splitCol button.hover{ background-position:-493px -21px;}
.xpress-editor .tool li.splitRow button.hover{ background-position:-514px -21px;}
.xpress-editor .tool li.extensions span.hover{ background-position:0 -21px;}
.xpress-editor .tool li.extensions span.hover button{ background-position:right -21px;}
.xpress-editor .tool li.html span.hover{ background-position:0 -21px;}
@ -184,11 +181,10 @@
.xpress-editor .tool li.blockquote button.active{ width:22px; background-position:-381px -42px;}
.xpress-editor .tool li.url button.active{ width:26px; background-position:-403px -42px;}
.xpress-editor .tool li.character button.active{ background-position:-429px -42px;}
.xpress-editor .tool li.find button.active{ background-position:-450px -42px;}
.xpress-editor .tool li.table button.active{ width:22px; background-position:-471px -42px;}
.xpress-editor .tool li.merge button.active{ background-position:-493px -42px;}
.xpress-editor .tool li.splitCol button.active{ background-position:-514px -42px;}
.xpress-editor .tool li.splitRow button.active{ background-position:-535px -42px;}
.xpress-editor .tool li.table button.active{ width:22px; background-position:-450px -42px;}
.xpress-editor .tool li.merge button.active{ background-position:-472px -42px;}
.xpress-editor .tool li.splitCol button.active{ background-position:-493px -42px;}
.xpress-editor .tool li.splitRow button.active{ background-position:-514px -42px;}
.xpress-editor .tool li.extensions span.active{ background-position:0 -42px;}
.xpress-editor .tool li.extensions span.active button{ background-position:right -42px;}
.xpress-editor .tool li.html span.active{ background-position:0 -42px;}
@ -220,14 +216,13 @@
.xpress-editor .tool.off li.blockquote button{ width:22px; background-position:-381px -63px;}
.xpress-editor .tool.off li.url button{ width:26px; background-position:-403px -63px;}
.xpress-editor .tool.off li.character button{ background-position:-429px -63px;}
.xpress-editor .tool.off li.find button{ background-position:-450px -63px;}
.xpress-editor .tool.off li.table button{ width:22px; background-position:-471px -63px;}
.xpress-editor .tool.off li.table button{ width:22px; background-position:-450px -63px;}
.xpress-editor .tool.off li.merge button,
.xpress-editor .tool li.merge button.off{ background-position:-493px -63px;}
.xpress-editor .tool li.merge button.off{ background-position:-472px -63px;}
.xpress-editor .tool.off li.splitCol button,
.xpress-editor .tool li.splitCol button.off{ background-position:-514px -63px;}
.xpress-editor .tool li.splitCol button.off{ background-position:-493px -63px;}
.xpress-editor .tool.off li.splitRow button,
.xpress-editor .tool li.splitRow button.off{ background-position:-535px -63px;}
.xpress-editor .tool li.splitRow button.off{ background-position:-514px -63px;}
.xpress-editor .tool.off li.extensions span{ background-position:0 -63px;}
.xpress-editor .tool.off li.extensions span button{ background-position:right -63px; color:#bcbcbc;}
.xpress-editor .tool.off li button{ cursor:default;}
@ -354,37 +349,6 @@
.xpress-editor .tool li.character .layer p input{ padding:3px 0 0 4px; margin:0 4px 0 0; width:300px; _width /**/:306px; height:16px; _height /**/:20px; border:1px solid #acacac; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.xpress-editor .tool li.character .layer p button{ position:relative; *top:1px; width:38px; height:21px; background:url(../img/btn_layer_confirm.gif) no-repeat;}
.xpress-editor .tool li.character .layer p button span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}
.xpress-editor .tool li.find .layer{ width:242px;}
.xpress-editor .tool li.find .layer h3{ background:#f2f2f2; color:#333; height:21px; margin:0 0 11px 0; padding:7px 0 0 5px;}
.xpress-editor .tool li.find .layer .menu_tab{ position:relative; z-index:20; width:100%; *zoom:1;}
.xpress-editor .tool li.find .layer .menu_tab:after{ content:""; display:block; clear:both;}
.xpress-editor .tool li.find .layer .layer_tab{ position:relative; left:10px; padding:0; margin:0; clear:both;}
.xpress-editor .tool li.find .layer .layer_tab li{ position:relative; z-index:1; float:left; margin-right:1px; background:url(../img/btn_layer_tab.gif) no-repeat 0 0;}
.xpress-editor .tool li.find .layer .layer_tab li a{ position:relative; display:block; float:left; left:2px; height:15px; padding:4px 9px 0 5px; color:#404040; text-decoration:none; background:url(../img/btn_layer_tab.gif) no-repeat right 0;}
.xpress-editor .tool li.find .layer.find .layer_tab li.tab1,
.xpress-editor .tool li.find .layer.replace .layer_tab li.tab2{ top:-1px; margin-bottom:-1px;}
.xpress-editor .tool li.find .layer.find .layer_tab li.tab1 a,
.xpress-editor .tool li.find .layer.replace .layer_tab li.tab2 a{ height:18px;}
.xpress-editor .tool li.find .layer .container{ position:relative; z-index:1; clear:both; top:-2px;}
.xpress-editor .tool li.find .layer .container .bx{ display:none; position:relative; width:222px; left:10px; clear:both; z-index:1; background:url(../img/bx_find.gif) no-repeat;}
.xpress-editor .tool li.find .layer.find .container #find,
.xpress-editor .tool li.find .layer.replace .container #replace{ display:block;}
.xpress-editor .tool li.find .layer .bx fieldset{ position:relative; padding:13px 0 17px 11px;}
.xpress-editor .tool li.find .layer .bx fieldset *{ vertical-align:top;}
.xpress-editor .tool li.find .layer .bx label{ position:relative; top:4px; margin:0 7px 0 0; font-size:11px; letter-spacing:-1px; color:#333;}
.xpress-editor .tool li.find .layer .bx input{ padding:3px 0 0 4px; width:144px; _width /**/:150px; height:14px; _height /**/:19px; border:1px solid #acacac; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.xpress-editor .tool li.find .layer .bx .cap{ position:absolute; left:0; bottom:0; display:block; width:222px; height:2px; _margin:0 0 -1px 0; overflow:hidden; background:#fff url(../img/bx_find.gif) no-repeat left bottom; font-size:0; line-height:0;}
.xpress-editor .tool li.find .layer .bx#replace fieldset{ height:45px; _height /**/:75px;}
.xpress-editor .tool li.find .layer .bx#replace fieldset #keyword2{ margin-bottom:6px;}
.xpress-editor .tool li.find .layer .btn_area button{ display:none; *margin:0 2px !important;}
.xpress-editor .tool li.find .layer.find .btn_area .find_next{ display:inline; width:62px; height:21px; background:url(../img/btn_layer_find_next_strong.gif) no-repeat;}
.xpress-editor .tool li.find .layer.replace .btn_area .find_next{ display:inline; width:55px; height:21px; background:url(../img/btn_layer_find_next.gif) no-repeat;}
.xpress-editor .tool li.find .layer.replace .btn_area .replace{ display:inline; width:48px; height:21px; background:url(../img/btn_layer_replace.gif) no-repeat;}
.xpress-editor .tool li.find .layer.replace .btn_area .replace_all{ display:inline; width:69px; height:21px; background:url(../img/btn_layer_replace_all.gif) no-repeat;}
.xpress-editor .tool li.find .layer .btn_area .cancel{ display:inline;}
.xpress-editor .tool li.extensions .layer{ width:auto; white-space:nowrap; padding:5px 10px;}
.xpress-editor .tool li.extensions .layer li{ margin:2px 0;}
.xpress-editor .tool li.extensions .layer li a { color:#000; text-decoration:none; }
@ -397,13 +361,13 @@
.xpress-editor .fileUploader .preview.black { background-color:#000; border:1px solid #666;}
.xpress-editor .fileUploader .preview img{ display:block; width:64px; height:64px;}
.xpress-editor .fileUploader .fileListArea{ float:left; width:260px; margin:0 10px 5px 0;}
.xpress-editor .fileUploader .fileListArea select{ width:100%; height:70px; overflow:auto;}
.xpress-editor .fileUploader .fileListArea select{ width:100%; height:70px; overflow:auto; margin:0; padding:0; float:none}
.xpress-editor .fileUploader .fileListArea select option{ font-size:11px;}
.xpress-editor .fileUploader .fileListArea.black select { background-color:#000; border:1px solid #666;}
.xpress-editor .fileUploader .fileListArea.black select option { color:#aaa; }
.xpress-editor .fileUploader .fileUploadControl{ clear:right;}
.xpress-editor .fileUploader .fileUploadControl .button{ margin-bottom:5px;}
.xpress-editor .fileUploader .file_attach_info{ clear:right; margin:5px 0;}
.xpress-editor .fileUploader .file_attach_info{ clear:right; margin:5px 0; font-size:11px; color:#333}
/* Auto Save */
.xpress-editor .autosave_message { display:none; background: #f6ffdb; padding:6px 10px; margin:0; line-height:1;}

8
modules/editor/skins/xpresseditor/editor.html
View file

@ -406,7 +406,7 @@
<div class="layer extension2 xpress_xeditor_extension_layer" id="editorExtension_{$editor_sequence}">
<ul id="editor_component_{$editor_sequence}" class="editorComponent">
<!--@foreach($component_list as $component_name => $component)-->
<li><!--@if($component->component_icon)--><img src="../../components/{$component_name}/component_icon.gif" alt="" width="13" height="12"/> <!--@end--><a href="#" onclick="return false;" id="component_{$editor_sequence}_{$component_name}">{$component->title}</a></li>
<li><a href="#" onclick="return false;" id="component_{$editor_sequence}_{$component_name}">{$component->title}</a></li>
<!--@end-->
</ul>
</div>
@ -466,9 +466,9 @@
<select id="uploaded_file_list_{$editor_sequence}" multiple="multiple" class="fileList" title="Attached File List"><option></option></select>
</div>
<div class="fileUploadControl">
<span class="button {$btn_class}" id="swfUploadButton{$editor_sequence}"><button type="button">{$lang->edit->upload_file}</button></span>
<span class="button {$btn_class}"><button type="button" onclick="removeUploadedFile('{$editor_sequence}');return false;">{$lang->edit->delete_selected}</button></span>
<span class="button {$btn_class}"><button type="button" onclick="insertUploadedFile('{$editor_sequence}');return false;">{$lang->edit->link_file}</button></span>
<button type="button" id="swfUploadButton{$editor_sequence}" class="text">{$lang->edit->upload_file}</button>
<button type="button" onclick="removeUploadedFile('{$editor_sequence}');" class="text">{$lang->edit->delete_selected}</button>
<button type="button" onclick="insertUploadedFile('{$editor_sequence}');" class="text">{$lang->edit->link_file}</button>
</div>
<div class="file_attach_info" id="uploader_status_{$editor_sequence}">{$upload_status}</div>
</div>

BIN
modules/editor/skins/xpresseditor/img/btn_set.black.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Before After
Before After

BIN
modules/editor/skins/xpresseditor/img/btn_set.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Before After
Before After

BIN
modules/editor/skins/xpresseditor/img/btn_set_blank.black.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

BIN
modules/editor/skins/xpresseditor/img/btn_set_blank.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Before After
Before After

28
modules/editor/styles/default/editor.css
View file

@ -1,25 +1,19 @@
@charset "utf-8";
/* NHN (developers@xpressengine.com) */
html, body { height:100%; background-color:transparent; padding:0; margin:0;}
.xe_content{ color:#000; font-size:12px; line-height:1.5;}
.xe_content{color:#000;font-size:12px;line-height:1.5}
.xe_content blockquote.q1,
.xe_content blockquote.q2,
.xe_content blockquote.q3,
.xe_content blockquote.q4,
.xe_content blockquote.q5,
.xe_content blockquote.q6,
.xe_content blockquote.q7{ padding:10px; margin:0 15px; }
.xe_content blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.xe_content blockquote.q2{ padding:0 10px; background:url(./img/bg_qmark.gif) no-repeat left top;}
.xe_content blockquote.q3{ border:1px solid #d9d9d9;}
.xe_content blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.xe_content blockquote.q5{ border:2px solid #707070;}
.xe_content blockquote.q6{ border:1px dashed #707070;}
.xe_content blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}
.xe_content p { margin:0; padding:0; }
.xe_content table .xe_selected_cell{ background-color: #d6e9ff}
.xe_content blockquote.q7{padding:10px;margin:0 15px}
.xe_content blockquote.q1{padding:0 10px;border-left:2px solid #ccc}
.xe_content blockquote.q2{padding:0 10px;background:url(./img/bg_qmark.gif) no-repeat left top}
.xe_content blockquote.q3{border:1px solid #d9d9d9}
.xe_content blockquote.q4{border:1px solid #d9d9d9;background:#fbfbfb}
.xe_content blockquote.q5{border:2px solid #707070}
.xe_content blockquote.q6{border:1px dashed #707070}
.xe_content blockquote.q7{border:1px dashed #707070;background:#fbfbfb}
.xe_content table .xe_selected_cell{background-color: #d6e9ff}
.xe_content p{margin:0}

12
modules/editor/styles/default/style.css
View file

@ -1,7 +1,13 @@
@charset "utf-8";
/* NHN (developers@xpressengine.com) */
.xe_content{color:#000;font-size:12px}
.xe_content blockquote.q1,.xe_content blockquote.q2,.xe_content blockquote.q3,.xe_content blockquote.q4,.xe_content blockquote.q5,.xe_content blockquote.q6,.xe_content blockquote.q7{padding:10px;margin:0 15px}
.xe_content{color:#000;font-size:12px;line-height:1.5}
.xe_content blockquote.q1,
.xe_content blockquote.q2,
.xe_content blockquote.q3,
.xe_content blockquote.q4,
.xe_content blockquote.q5,
.xe_content blockquote.q6,
.xe_content blockquote.q7{padding:10px;margin:0 15px}
.xe_content blockquote.q1{padding:0 10px;border-left:2px solid #ccc}
.xe_content blockquote.q2{padding:0 10px;background:url(./img/bg_qmark.gif) no-repeat left top}
.xe_content blockquote.q3{border:1px solid #d9d9d9}
@ -9,4 +15,4 @@
.xe_content blockquote.q5{border:2px solid #707070}
.xe_content blockquote.q6{border:1px dashed #707070}
.xe_content blockquote.q7{border:1px dashed #707070;background:#fbfbfb}
.xe_content p { margin:0;}
.xe_content p{margin:0}