Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-28 10:32:27 +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 { pre {
--copy-button-margin-size: .35em;
position: relative; position: relative;
} }
pre > button.copy-button { pre > button.copy-button {
position: absolute; position: absolute;
top: .35em; top: var(--copy-button-margin-size);
right: .35em; 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 { pre > button.copy-button:hover {