fix: fix the scroll bar issue (when codefence only have one line, the copy-btn will make a scrool bar)

This commit is contained in:
Junyi Hou 2024-04-23 18:59:16 +08:00
parent adce82a54c
commit 9507d51bd2

View File

@ -855,7 +855,7 @@ ul.footer-menu>li {
/* Copy code */ /* Copy code */
.highlight { .highlight {
position: relative; position: relative;
overflow: auto; overflow: hidden;
} }
.highlight:hover .highlight-copy-btn { .highlight:hover .highlight-copy-btn {
@ -864,11 +864,11 @@ ul.footer-menu>li {
} }
.highlight-copy-btn { .highlight-copy-btn {
display: none; /* display: none; */
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
border: 0; border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 6px; border-radius: 6px;
padding: 1px; padding: 1px;
font-size: 0.7em; font-size: 0.7em;
@ -878,6 +878,7 @@ ul.footer-menu>li {
min-width: 22px; min-width: 22px;
text-align: center; text-align: center;
transition: border 0.3s; transition: border 0.3s;
transition: background-color 0.3s;
} }
.highlight-copy-btn:hover { .highlight-copy-btn:hover {