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

style/code blocks/copy button: optimize the layout

Browse Source
This commit is contained in:
Adorian Doran 2025-05-27 20:14:55 +03:00
parent 530b2adc34
commit 4ba99989e3
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -529,10 +529,13 @@ pre:not(.hljs) {
font-size: 100%;
}
pre {
:root pre {
--padding-size: 1em;
--copy-button-margin-size: .35em;
--copy-button-width: 37px;
position: relative;
padding: var(--padding-size);
}
pre > button.copy-button {
@ -541,8 +544,8 @@ pre > button.copy-button {
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));
:root pre:has(> button.copy-button) {
padding-right: calc(var(--copy-button-width) + (var(--copy-button-margin-size) * 2));
}
pre > button.copy-button:hover {