浏览代码

[spark] Restyle medium toolbar and make text widgets always editable

Enrico Berti 10 年之前
父节点
当前提交
0ffbd18d31
共有 2 个文件被更改,包括 13 次插入10 次删除
  1. 3 3
      apps/spark/src/spark/templates/editor.mako
  2. 10 7
      apps/spark/static/css/spark.css

+ 3 - 3
apps/spark/src/spark/templates/editor.mako

@@ -590,8 +590,8 @@ ${ commonheader(_('Query'), app_name, user, "68px") | n,unicode }
       </div>
 
       <div data-bind="visible: type() == 'text'" class="snippet-body">
-        <div data-bind="html: statement_raw, visible: ! $root.isEditing()" class="text-snippet"></div>
-        <div data-bind="attr:{'id': 'editor_'+id()}, html: statement_raw, value: statement_raw, medium: {}, visible: $root.isEditing()" class="text-snippet"></div>
+        ##<div data-bind="html: statement_raw, visible: ! $root.isEditing()" class="text-snippet"></div>
+        <div data-bind="attr:{'id': 'editor_'+id()}, html: statement_raw, value: statement_raw, medium: {}" class="text-snippet"></div>
       </div>
     </div>
   </div>
@@ -653,7 +653,7 @@ ${ commonheader(_('Query'), app_name, user, "68px") | n,unicode }
           firstHeader: 'h2',
           secondHeader: 'h3'
       });
-      $(element).on('input', function() {
+      $(element).on('blur', function() {
         allBindings().value($(element).html())
       });
     }

+ 10 - 7
apps/spark/static/css/spark.css

@@ -176,13 +176,6 @@
   white-space: nowrap;
 }
 
-[contenteditable] {
-  min-height: 200px;
-  border: 1px solid #DDD;
-  border-top: none;
-  padding: 10px;
-}
-
 [contenteditable]:focus {
   outline:none;
 }
@@ -268,3 +261,13 @@ h1.empty {
   margin-left: 0;
   margin-right: 4px;
 }
+
+.medium-editor-toolbar li button {
+  padding: 0!important;
+  height: 40px!important;
+  min-width: 40px!important;
+}
+
+.medium-toolbar-arrow-under:after {
+  top: 40px!important;
+}