Add: Icomoon config

src/Elements/Elements.es6

@@ -46,6 +46,7 @@ export default class Elements extends Tool
     set(e)
     {
         this._setEl(e);
+        this.scrollToTop();
         this._render();
 
         return this;
@@ -69,6 +70,12 @@ export default class Elements extends Tool
             origRmEvent.apply(this, arguments);
         };
     }
+    scrollToTop() 
+    {
+        let el = this._$showArea.get(0);
+        
+        el.scrollTop = 0;
+    }
     restoreEventTarget()
     {
         let winEventProto = getWinEventProto();
@@ -249,6 +256,7 @@ export default class Elements extends Tool
 
         let computedStyle = cssStore.getComputedStyle();
         if (this._rmDefComputedStyle) computedStyle = rmDefComputedStyle(computedStyle);
+        ret.rmDefComputedStyle = this._rmDefComputedStyle;
         processStyleRules(computedStyle);
         ret.computedStyle = computedStyle;
 

src/Elements/Elements.hbs

@@ -41,7 +41,15 @@
 </div>
 {{#if computedStyle}}
     <div class="eruda-computed-style eruda-section">
-        <h2 class="eruda-toggle-all-computed-style eruda-active-effect">Computed Style</h2>
+        <h2 class="eruda-toggle-all-computed-style eruda-active-effect">Computed Style
+            <div class="eruda-btn">
+                {{#if rmDefComputedStyle}}
+                    <span class="eruda-icon-compress"></span>
+                {{else}}
+                    <span class="eruda-icon-expand"></span>
+                {{/if}}
+            </div>
+        </h2>
         <div class="eruda-table-wrapper">
             <table>
                 <tbody>

src/Elements/Elements.scss

@@ -44,6 +44,15 @@
         }
         .section {
             h2 {
+                .btn {
+                    margin-left: 10px;
+                    float: right;
+                    text-align: center;
+                    width: 18px;
+                    height: 18px;
+                    line-height: 18px;
+                    font-size: 12px;
+                }
                 background: $blue;
                 padding: $padding;
                 color: #fff;

src/Resources/Resources.hbs

@@ -141,7 +141,7 @@
                 </li>
             {{/each}}
         {{else}}
-            <li class="eruda-empty">Empty</li>
+            <li>Empty</li>
         {{/if}}
     </ul>
 </div>

src/Resources/Resources.scss

@@ -51,10 +51,6 @@
                 img {
                     width: 100%;
                 }
-                &.empty {
-                    padding: 10px;
-                    width: 100%;
-                }
             }
         }
         table {

src/style/mixin.scss

@@ -39,7 +39,6 @@
     .btn {
         margin-left: 10px;
         float: right;
-        display: inline-block;
         background: #fff;
         color: $gray;
         text-align: center;