Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-26 07:46:30 +01:00
Code Issues Packages Projects Releases Activity

Migrate the previously designed code blocks to the new theme

Browse Source
This commit is contained in:
Adorian Doran
2024-11-24 21:58:45 +02:00
parent e602445694
commit 954a51e6c7
2 changed files with 52 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/public/stylesheets/style.css
View File

@@ -859,56 +859,6 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href
vertical-align: baseline !important;
}
.ck-content pre {
border: 0;
border-radius: 6px;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.2);
padding: 0 !important;
margin-top: 2px !important;
overflow: unset;
}
html .note-detail-editable-text :not(figure, .include-note):first-child {
/* Create some space for the top-side shadow */
margin-top: 1px !important;
}
.ck.ck-editor__editable pre[data-language]::after {
--ck-color-code-block-label-background: rgba(128, 128, 128, .5);
border-radius: 0 0 5px 5px;
padding: 0px 10px;
letter-spacing: .5px;
font-weight: bold;
}
.ck-content pre code {
display: block;
padding: 1em;
overflow: auto;
}
.ck-content pre code::-webkit-scrollbar {
height: 6px;
}
.ck-content pre code::-webkit-scrollbar-thumb {
height: 4px;
border: none !important;
background: gray !important;
}
.ck-content pre code::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
cursor: default;
}
.note-detail-printable:not(.word-wrap) pre code {
white-space: pre;
margin-right: 1em;
}
.code-sample-wrapper .hljs {
transition: background-color linear 100ms;
}
.side-checkbox {
display: flex;

52
src/public/stylesheets/theme-next.css
View File

@@ -108,3 +108,55 @@
}
}
/* Code Blocks */
.ck-content pre {
border: 0;
border-radius: 6px;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.2);
padding: 0 !important;
margin-top: 2px !important;
overflow: unset;
}
html .note-detail-editable-text :not(figure, .include-note):first-child {
/* Create some space for the top-side shadow */
margin-top: 1px !important;
}
.ck.ck-editor__editable pre[data-language]::after {
--ck-color-code-block-label-background: rgba(128, 128, 128, .5);
border-radius: 0 0 5px 5px;
padding: 0px 10px;
letter-spacing: .5px;
font-weight: bold;
}
.ck-content pre code {
display: block;
padding: 1em;
overflow: auto;
}
.ck-content pre code::-webkit-scrollbar {
height: 6px;
}
.ck-content pre code::-webkit-scrollbar-thumb {
height: 4px;
border: none !important;
background: gray !important;
}
.ck-content pre code::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
cursor: default;
}
.note-detail-printable:not(.word-wrap) pre code {
white-space: pre;
margin-right: 1em;
}
.code-sample-wrapper .hljs {
transition: background-color linear 100ms;
}