feat(mermaid): use admonition style for error messages

This commit is contained in:
Elian Doran 2025-03-22 14:39:43 +02:00
parent 5bea0680fb
commit 87209285df
No known key found for this signature in database
4 changed files with 31 additions and 31 deletions

View File

@ -17,7 +17,7 @@
margin: 0 !important; margin: 0 !important;
} }
.ck-content .admonition { .admonition {
--accent-color: var(--card-border-color); --accent-color: var(--card-border-color);
border: 1px solid var(--accent-color); border: 1px solid var(--accent-color);
box-shadow: var(--card-box-shadow); box-shadow: var(--card-box-shadow);
@ -29,19 +29,19 @@
overflow: hidden; overflow: hidden;
} }
.ck-content .admonition p:last-child { .admonition p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.ck-content .admonition p, h2 { .admonition p, h2 {
margin-top: 0; margin-top: 0;
} }
.ck-content .admonition.note { --accent-color: #69c7ff; } .admonition.note { --accent-color: #69c7ff; }
.ck-content .admonition.tip { --accent-color: #40c025; } .admonition.tip { --accent-color: #40c025; }
.ck-content .admonition.important { --accent-color: #9839f7; } .admonition.important { --accent-color: #9839f7; }
.ck-content .admonition.caution { --accent-color: #ff2e2e; } .admonition.caution { --accent-color: #ff2e2e; }
.ck-content .admonition.warning { --accent-color: #e2aa03; } .admonition.warning { --accent-color: #e2aa03; }
/* /*
* CKEditor 5 (v41.0.0) content styles. * CKEditor 5 (v41.0.0) content styles.

View File

@ -17,7 +17,7 @@
margin: 0 !important; margin: 0 !important;
} }
.ck-content .admonition { .admonition {
--accent-color: var(--card-border-color); --accent-color: var(--card-border-color);
border: 1px solid var(--accent-color); border: 1px solid var(--accent-color);
box-shadow: var(--card-box-shadow); box-shadow: var(--card-box-shadow);
@ -29,19 +29,19 @@
overflow: hidden; overflow: hidden;
} }
.ck-content .admonition p:last-child { .admonition p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.ck-content .admonition p, h2 { .admonition p, h2 {
margin-top: 0; margin-top: 0;
} }
.ck-content .admonition.note { --accent-color: #69c7ff; } .admonition.note { --accent-color: #69c7ff; }
.ck-content .admonition.tip { --accent-color: #40c025; } .admonition.tip { --accent-color: #40c025; }
.ck-content .admonition.important { --accent-color: #9839f7; } .admonition.important { --accent-color: #9839f7; }
.ck-content .admonition.caution { --accent-color: #ff2e2e; } .admonition.caution { --accent-color: #ff2e2e; }
.ck-content .admonition.warning { --accent-color: #e2aa03; } .admonition.warning { --accent-color: #e2aa03; }
/* /*
* CKEditor 5 (v41.0.0) content styles. * CKEditor 5 (v41.0.0) content styles.

View File

@ -13,7 +13,7 @@ const TPL = `\
<div class="note-detail-split note-detail-printable"> <div class="note-detail-split note-detail-printable">
<div class="note-detail-split-editor-col"> <div class="note-detail-split-editor-col">
<div class="note-detail-split-editor"></div> <div class="note-detail-split-editor"></div>
<div class="note-detail-error-container alert alert-warning hidden-ext"></div> <div class="admonition caution note-detail-error-container hidden-ext"></div>
</div> </div>
<div class="note-detail-split-preview-col"> <div class="note-detail-split-preview-col">
<div class="note-detail-split-preview"></div> <div class="note-detail-split-preview"></div>
@ -42,7 +42,7 @@ const TPL = `\
.note-detail-split .note-detail-error-container { .note-detail-split .note-detail-error-container {
font-family: var(--monospace-font-family); font-family: var(--monospace-font-family);
margin: 0.1em; margin: 5px;
white-space: pre-wrap; white-space: pre-wrap;
font-size: 0.85em; font-size: 0.85em;
} }

View File

@ -1722,7 +1722,7 @@ footer.file-footer button {
margin: 5px; margin: 5px;
} }
.ck-content .admonition { .admonition {
--accent-color: var(--card-border-color); --accent-color: var(--card-border-color);
border: 1px solid var(--accent-color); border: 1px solid var(--accent-color);
box-shadow: var(--card-box-shadow); box-shadow: var(--card-box-shadow);
@ -1735,11 +1735,11 @@ footer.file-footer button {
overflow: hidden; overflow: hidden;
} }
.ck-content .admonition p:last-child { .admonition p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.ck-content .admonition::before { .admonition::before {
color: var(--accent-color); color: var(--accent-color);
font-family: boxicons !important; font-family: boxicons !important;
position: absolute; position: absolute;
@ -1747,17 +1747,17 @@ footer.file-footer button {
left: 1em; left: 1em;
} }
.ck-content .admonition.note { --accent-color: #69c7ff; } .admonition.note { --accent-color: #69c7ff; }
.ck-content .admonition.tip { --accent-color: #40c025; } .admonition.tip { --accent-color: #40c025; }
.ck-content .admonition.important { --accent-color: #9839f7; } .admonition.important { --accent-color: #9839f7; }
.ck-content .admonition.caution { --accent-color: #ff2e2e; } .admonition.caution { --accent-color: #ff2e2e; }
.ck-content .admonition.warning { --accent-color: #e2aa03; } .admonition.warning { --accent-color: #e2aa03; }
.ck-content .admonition.note::before { content: "\eb21"; } .admonition.note::before { content: "\eb21"; }
.ck-content .admonition.tip::before { content: "\ea0d"; } .admonition.tip::before { content: "\ea0d"; }
.ck-content .admonition.important::before { content: "\ea7c"; } .admonition.important::before { content: "\ea7c"; }
.ck-content .admonition.caution::before { content: "\eac7"; } .admonition.caution::before { content: "\eac7"; }
.ck-content .admonition.warning::before { content: "\eac5"; } .admonition.warning::before { content: "\eac5"; }
/* /*
* In-content floating buttons * In-content floating buttons