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

This commit is contained in:
Kris 2021-03-16 22:22:35 -04:00 committed by GitHub
parent 146775072a
commit 26bfb5d6b9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions

View File

@ -721,6 +721,7 @@ pre {
font-size: $font-down-2; font-size: $font-down-2;
min-height: 0; min-height: 0;
font-size: $font-down-2; font-size: $font-down-2;
opacity: 0.7;
&.copied { &.copied {
.d-icon { .d-icon {

View File

@ -230,8 +230,11 @@ pre.copy-codeblocks .copy-cmd:not(.copied) {
} }
pre.copy-codeblocks:hover .copy-cmd { pre.copy-codeblocks:hover .copy-cmd {
opacity: 1; opacity: 0.7;
visibility: visible; visibility: visible;
&:hover {
opacity: 1;
}
} }
.embedded-posts { .embedded-posts {