Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-27 10:02:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

style/code blocks/copy button: prevent overlapping with the code block's text

Browse Source
This commit is contained in:
Adorian Doran 2025-05-27 18:32:18 +03:00
parent 75ec3934af
commit b07ec68705
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/client/src/stylesheets/style.css
View File

@ -530,13 +530,19 @@ pre:not(.hljs) {
}
pre {
--copy-button-margin-size: .35em;
position: relative;
}
pre > button.copy-button {
position: absolute;
top: .35em;
right: .35em;
top: var(--copy-button-margin-size);
right: var(--copy-button-margin-size);
}
:root pre:has(> button.copy-button) > code {
margin-right: calc(var(--icon-button-size) + (var(--copy-button-margin-size) * 2));
}
pre > button.copy-button:hover {