💄 Add new tool buttons in page side.

assets/css/_common/components/index.scss

@@ -12,7 +12,7 @@
   z-index: $zindex-5;
 }
 
-@import 'back-to-top';
+@import 'tool-buttons';
 @import 'reading-progress';
 
 @import 'post';

assets/css/_common/components/third-party/mermaid.scss

@@ -1,3 +1,3 @@
-.mermaid {
+.post-block .post-body .mermaid {
   background: var(--highlight-foreground);
 }

assets/css/_common/components/tool-buttons.scss

@@ -1,6 +1,49 @@
+.tool-buttons {
+
+  @include sidebar-toggle();
+  background: var(--body-bg-color);
+  bottom: 55px;
+  z-index: 100;
+  filter: alpha(opacity=0);
+  font-size: 12px;
+
+  .button {
+    display: block;
+    margin-bottom: 5px;
+    width: 36px;
+    height: 36px;
+    border-radius: 5px;
+    background-color: $tool-btn-bg;
+    color: $tool-btn-color;
+    text-align: center;
+    font-size: $font-size-larger;
+    line-height: 35px;
+    padding: 0;
+    outline: 0;
+    border: none;
+    text-transform: none;
+    cursor: pointer;
+    opacity: $tool-btn-opacity;
+    touch-action: manipulation;
+
+    &:hover {
+      color: $tool-btn-hover-fore-color;
+      opacity: $tool-btn-opacity-hover;
+    }
+  }
+
+  .goto-comments {
+      display: none;
+  }
+
+  .goto-comments-on {
+    display: block;
+  }
+}
+
 @if $back2top_enable {
   .back-to-top {
-    font-size: $b2t-font-size;
+    font-size: $font-size-smaller;
 
     @if not $back2top_scrollpercent {
       span {

assets/css/_common/outline/footer/index.scss

@@ -29,6 +29,16 @@
     font-size: $font-size-smallest;
   }
 
+  .google-translate {
+    display: flex;
+    justify-content: center;
+
+    i {
+      font-size: $font-size-larger;
+      margin: auto 0;
+    }
+  }
+
   @if $footer_vendors_enable {
     .vendors-list {
       a {