ui: copy copyright info icon change to always display

XPoet · Sep 8, 2023 · dda328a · dda328a
1 parent fb33a9e
commit dda328a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 28 deletions.
diff --git a/source/css/layout/_partial/article-copyright-info.styl b/source/css/layout/_partial/article-copyright-info.styl
@@ -1,18 +1,11 @@
 .article-copyright-info-container {
   width 100%
   background var(--background-color-2)
-  border-radius calc(var(--box-border-radius) / 2)
-
-  &:hover {
-    .copy-copyright-info {
-      visibility visible
-    }
-  }
-
+  border-radius calc(var(--box-border-radius) * 0.6)
 
   .copyright-info-content {
     width 100%
-    padding 1.2rem
+    padding 1.3rem
     overflow hidden
     font-size 1rem
 
@@ -61,30 +54,28 @@
         }
       }
     }
+
+    .copyright-bg {
+      position absolute
+      top 50%
+      right 2rem
+      color var(--copyright-icon-bg-color)
+      font-size 14rem
+      transform translateY(-50%)
+    }
   }
 
 
   .copy-copyright-info {
     position absolute
-    top 0.6rem
-    right 0.6rem
+    top 0.5rem
+    right 0.5rem
     box-sizing border-box
     padding 0.3rem
-    visibility hidden
     cursor pointer
-    transition-t("visibility", "0", "0.2", "ease-in-out")
 
     i {
       color var(--text-color-3)
     }
   }
-
-  .copyright-bg {
-    position absolute
-    top 50%
-    right 2rem
-    color var(--copyright-icon-bg-color)
-    font-size 14rem
-    transform translateY(-50%)
-  }
 }
diff --git a/source/css/layout/article-content.styl b/source/css/layout/article-content.styl
@@ -220,16 +220,18 @@ $spacer-padding = 2rem
 
 
       .article-content {
-        margin-top $component-spacing-value
-        padding-bottom 2rem
+        margin-top $component-spacing-value * 0.8
+        padding-bottom $component-spacing-value * 0.8
         color var(--text-color-3)
         text-align justify
         word-wrap break-word
 
         +keep-tablet() {
-          margin-top $component-spacing-value * 0.9
+          margin-top $component-spacing-value * 0.6
+          padding-bottom $component-spacing-value * 0.6
         }
 
+
         .article-aging-tips {
           position relative
           display none
@@ -254,7 +256,7 @@ $spacer-padding = 2rem
 
 
         if (hexo-config('post') && hexo-config('post.copyright_info') == true) {
-          border-bottom 0.1rem dashed var(--border-color)
+          border-bottom 2px dashed var(--border-color)
         }
       }
 
@@ -297,10 +299,10 @@ $spacer-padding = 2rem
 
       .post-copyright-info {
         width 100%
-        margin-top $component-spacing-value
+        margin-top $component-spacing-value * 0.6
 
         +keep-tablet() {
-          margin-top $component-spacing-value * 0.8
+          margin-top $component-spacing-value * 0.3
         }
       }