diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css index 55c6f7f2d..0456c918f 100644 --- a/src/public/stylesheets/style.css +++ b/src/public/stylesheets/style.css @@ -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; diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index d5adbb87d..d2001ec76 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -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; +} \ No newline at end of file