UX: reduce opacity of code copy button (#12418)

2021-03-16 22:22:35 -04:00 · 2021-03-16 22:22:35 -04:00 · 26bfb5d6b9
parent 146775072a
commit 26bfb5d6b9
2 changed files with 5 additions and 1 deletions
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@ -721,6 +721,7 @@ pre {
    font-size: $font-down-2;
    min-height: 0;
    font-size: $font-down-2;
+    opacity: 0.7;

    &.copied {
      .d-icon {
--- a/app/assets/stylesheets/desktop/topic-post.scss
+++ b/app/assets/stylesheets/desktop/topic-post.scss
@ -230,8 +230,11 @@ pre.copy-codeblocks .copy-cmd:not(.copied) {
 }

 pre.copy-codeblocks:hover .copy-cmd {
-  opacity: 1;
+  opacity: 0.7;
  visibility: visible;
+  &:hover {
+    opacity: 1;
+  }
 }

 .embedded-posts {