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:
parent
adce82a54c
commit
9507d51bd2
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user