top按钮和章节列表按钮调整

themes/yilia/layout/_partial/aside.ejs

@@ -1,28 +1,23 @@
 <aside class="wrap-side-operation">
-    <div class="mod-side-operation">
-        <% if (theme.top){ %>
-        <div class="jump-container" id="js-jump-container" style="display:none;">
-            <a href="javascript:void(0)" class="mod-side-operation__jump-to-top">
-                <i class="icon icon-chevron-up"></i>
-            </a>
-            <div id="js-jump-plan-container" class="jump-plan-container">
-                <i class="icon icon-chevron-up jump-plane"></i>
-            </div>
-        </div>
-        <% } %>
-        <% if (is_post() && ((theme.toc === 1 && post.toc) || theme.toc === 2)){ %>
-        <div class="toc-container tooltip-left">
-            <i class="icon icon-list"></i>
-            <div class="tooltip tooltip-east">
-                <span class="tooltip-item">
-                </span>
-                <span class="tooltip-content">
-                    <div class="toc-article">
-                    <%- toc(post.content) || theme.toc_empty_wording %>
-                    </div>
-                </span>
-            </div>
-        </div>
-        <% } %>
+  <div class="mod-side-operation">
+    <% if (theme.top){ %>
+    <div class="jump-container" id="js-jump-container" style="display:none;">
+      <a href="javascript:void(0)" >
+        <i class="icon icon-chevron-up"></i>
+      </a>
     </div>
+    <% } %>
+    <% if (is_post() && ((theme.toc === 1 && post.toc) || theme.toc === 2)){ %>
+    <div class="toc-container tooltip-left">
+      <i class="icon icon-list"></i>
+      <div class="tooltip tooltip-east">
+        <span class="tooltip-content">
+          <div class="toc-article">
+          <%- toc(post.content) || theme.toc_empty_wording %>
+          </div>
+        </span>
+      </div>
+    </div>
+    <% } %>
+  </div>
 </aside>

themes/yilia/source-src/css/article-nav.scss

@@ -11,9 +11,6 @@
   font-size: 16px;
   transition: color 0.3s;
 }
-#article-nav .article-nav-link-wrap:hover i {
-  color: #4d4d4d;
-}
 #article-nav .article-nav-link-wrap:hover .article-nav-title {
   color: #4d4d4d;
 }

themes/yilia/source-src/css/aside.scss

@@ -4,23 +4,25 @@
   bottom: 50px;
   z-index: 999;
   font-size: 14px;
-  .icon-chevron-up {
+  .icon {
     color: $colorF;
     text-shadow: 1px 1px 1px #509eb7;
-    opacity: 0.7;
-    font-size: 52px;
+    font-size: 24px;
     line-height: 40px;
     width: 40px;
     text-align: center;
     display: block;
+    transition: 0.3s;
   }
 }
 .mod-side-operation {
   width: 40px;
   text-align: center;
 }
-.jump-container:hover .icon-chevron-up {
-  background: rgba(36, 193, 246, 0.9);
+.jump-container:hover, .toc-container:hover{
+  .icon {
+    background: rgba(36, 193, 246, 0.9);
+  }
 }
 
 .jump-container, .toc-container {
@@ -28,7 +30,8 @@
   cursor: pointer;
   width: 40px;
   height: 40px;
-  opacity: .8;
+  background: #ccc;
+  opacity: .7;
 }
 .jump-plan-container {
   position: absolute;
@@ -46,33 +49,10 @@
     left: -2px;
   }
 }
-.mod-side-operation__jump-to-top .icon-chevron-up {
-  transition: 0.3s;
-  color: $colorF;
-  background: #ccc;
-  font-size: 32px;
-  line-height: 40px;
-  width: 40px;
-  text-align: center;
-  display: block;
-  &:hover {
-    background: #24c1f6;
-    color: #24c1f6;
-  }
-}
 
 .toc-container.tooltip-left{
-  background: $colorC;
   margin-top: 10px;
   transition: 0.3s;
-  &:hover {
-    background: rgba(36, 193, 246, 0.9);
-  }
-  .icon {
-    font-size: 22px;
-    line-height: 45px;
-    color: $colorF;
-  }
   .tooltip {
     width: 40px;
     height: 40px;

themes/yilia/source-src/css/mobile.scss

@@ -51,7 +51,7 @@
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, .85);
-  z-index: 999;
+  z-index: 2;
 }
 .btnctn{
   position: fixed;