0.3: update editor

Author: guo-yu

admin.html

@@ -2,20 +2,20 @@
   <div class="container">
     <div class="row">
       <!-- the editor -->
-      <div class="col-lg-8 col-lg-offset-2">
+      <div class="col-lg-12">
         <form name="articleForm" role="form" ng-submit="updateArticle(article.thread_id)">
           <div class="form-group title-group">
             <input type="text" ng-model="article.title" class="form-control" placeholder="文章标题" required>
           </div>
-          <div class="editor-wrapper">
-            <textarea editor ng-model="article.content"></textarea>
+          <div id="core-editor" class="editor-wrapper clearfix">
+            <editor-ninja ng-model="article.content"></editor-ninja>
             <button class="submit btn" type="submit">写好了</button>
             <a class="remove btn btn-danger" ng-show="article.thread_id" ng-click="removeArticle(article.thread_id)" ng-cloak>删除这篇文章</a>
           </div>
         </form>
       </div>
       <!-- add-on directives -->
-      <div class="col-lg-8 col-lg-offset-2">
+      <div class="col-lg-12">
         <div id="add-ons" class="add-ons clearfix">
           <!-- <div meta-share ng-model="article.meta.share"></div> -->
           <div meta-background ng-model="article.meta.background"></div>

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "chill",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "homepage": "https://github.com/airpub/chill",
   "authors": [
     "Guo Yu <[email protected]>"

css/chill.min.css

@@ -28,7 +28,7 @@
     display: block;
     text-align: center;
     font-weight: bold;
-    margin: -25px 0 10px;
+    margin: 20px 0 10px;
     border: 2px solid #ddd;
     background-color: #fff;
     &:hover {
@@ -40,7 +40,6 @@
       box-shadow: none;
     }
     @media @mobile {
-      margin-top: 0px;
       width: 100%;
     }
   }
@@ -49,6 +48,10 @@
     display: block;
     font-size: 12px;
     float: left;
+    cursor: pointer;
+    @media @mobile {
+      width: 100%;
+    }
   }
 }
 

less/admin.less

@@ -15,7 +15,7 @@
 @import './admin.less';
 @import './error.less';
 
-// editor
+// rewrites editor style
 @import './editor.less';
 
 // module styles