feat(button): add 'comment' fixed button (#169)

2020-03-16 15:01:51 +08:00
parent 371150ceef
commit 6e091b6fad
9 changed files with 51 additions and 32 deletions
--- a/assets/css/_partial/_fixed-button.scss
+++ b/assets/css/_partial/_fixed-button.scss
@@ -0,0 +1,44 @@
+.fixed-button {
+  display: none;
+  overflow: hidden;
+  width: auto;
+  z-index: 100;
+  position: fixed;
+  top: auto;
+  left: auto;
+  right: 1.5rem;
+  font-size: 1rem;
+  line-height: 1.3rem;
+  padding: .6rem .6rem;
+  color: $global-font-secondary-color;
+  background: $header-background-color;
+  border: 1px solid darken($global-border-color, 10%);
+  border-radius: 2rem;
+
+  &:hover, &:active {
+    color: $global-font-color;
+    cursor: pointer;
+  }
+
+  &:active, &:focus, &:hover {
+    outline: none;
+  }
+
+  .dark-theme & {
+    color: $global-font-secondary-color-dark;
+    background: $header-background-color-dark;
+    border-color: darken($global-border-color-dark, 10%);
+
+    &:hover, &:active {
+      color: $global-font-color-dark;
+    }
+  }
+}
+
+#top-button {
+  bottom: 1.5rem;
+}
+
+#comment-button {
+  bottom: 4.5rem;
+}