yuany3721/vuepress-theme-plume
1
0
Fork 0
forked from gitea-yuany3721/vuepress-theme-plume
Code Pull Requests Activity

perf: 代码复制交互优化

Browse Source
This commit is contained in:
pengzhanbo 2023-12-23 02:45:57 +08:00
parent 19dd1f002a
commit c9c7bb441c
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/plugin-copy-code/src/client/styles/button.scss
View File

@ -11,16 +11,12 @@
div[class*='language-'] & {
position: absolute;
right: 0;
top: 2rem;
top: 0.8rem;
z-index: 99;
opacity: 0;
transition: opacity var(--t-color);
}
div[class*='language-']:hover & {
opacity: 1;
}
.icon-success {
display: inline-block;
width: 1.5rem;
@ -29,6 +25,21 @@
}
}
div[class*='language-'] {
&::before {
opacity: 1;
transition: opacity var(--t-color);
}
&:hover::before {
opacity: 0;
}
&:hover .copy-code-button {
opacity: 1;
}
}
.icon-copy {
display: inline-block;
width: 1.5rem;