style(next): match attachment code border radius with context menu

This commit is contained in:
Elian Doran 2025-12-17 17:42:03 +02:00
parent 6aa14d17d7
commit b9c39d757b
No known key found for this signature in database

View File

@ -22,7 +22,7 @@
--ck-color-button-on-background: transparent; --ck-color-button-on-background: transparent;
--ck-color-button-on-hover-background: var(--hover-item-background-color); --ck-color-button-on-hover-background: var(--hover-item-background-color);
--ck-color-button-default-active-background: var(--hover-item-background-color); --ck-color-button-default-active-background: var(--hover-item-background-color);
--ck-color-split-button-hover-background: var(--ck-editor-toolbar-dropdown-button-open-background); --ck-color-split-button-hover-background: var(--ck-editor-toolbar-dropdown-button-open-background);
--ck-focus-ring: 1px solid transparent; --ck-focus-ring: 1px solid transparent;
@ -77,7 +77,7 @@
visibility: collapse; visibility: collapse;
} }
/* /*
* Dropdowns * Dropdowns
*/ */
@ -85,7 +85,7 @@
:root .ck.ck-dropdown__panel, :root .ck.ck-dropdown__panel,
:root .ck-balloon-panel { :root .ck-balloon-panel {
--ck-editor-popup-padding: 4px; --ck-editor-popup-padding: 4px;
--ck-color-panel-background: var(--menu-background-color); --ck-color-panel-background: var(--menu-background-color);
--ck-color-panel-border: var(--ck-editor-popup-border-color); --ck-color-panel-border: var(--ck-editor-popup-border-color);
@ -487,7 +487,7 @@ button.ck.ck-button:is(.ck-button-action, .ck-button-save, .ck-button-cancel).ck
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > label.ck.ck-label { .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > label.ck.ck-label {
/* Move the label above the text box regardless of the text box state */ /* Move the label above the text box regardless of the text box state */
transform: translate(0, calc(-.2em - var(--ck-input-label-height))) !important; transform: translate(0, calc(-.2em - var(--ck-input-label-height))) !important;
padding-inline-start: 0 !important; padding-inline-start: 0 !important;
background: transparent; background: transparent;
font-size: .85em; font-size: .85em;
@ -518,7 +518,7 @@ button.ck.ck-button:is(.ck-button-action, .ck-button-save, .ck-button-cancel).ck
*/ */
/* /*
* Code Blocks * Code Blocks
*/ */
.attachment-content-wrapper pre, .attachment-content-wrapper pre,
@ -526,10 +526,14 @@ button.ck.ck-button:is(.ck-button-action, .ck-button-save, .ck-button-cancel).ck
.ck-mermaid__editing-view { .ck-mermaid__editing-view {
border: 0; border: 0;
border-radius: 6px; border-radius: 6px;
box-shadow: var(--code-block-box-shadow); box-shadow: var(--code-block-box-shadow);
margin-top: 2px !important; margin-top: 2px !important;
} }
.attachment-content-wrapper pre {
border-radius: var(--dropdown-border-radius);
}
:root .ck-content pre:has(> code) { :root .ck-content pre:has(> code) {
padding: 0; padding: 0;
} }
@ -542,7 +546,7 @@ button.ck.ck-button:is(.ck-button-action, .ck-button-save, .ck-button-cancel).ck
* for single-line code blocks */ * for single-line code blocks */
--copy-button-margin-size: calc((1em * 1.5 + var(--padding-size) * 2 - var(--icon-button-size)) / 2); --copy-button-margin-size: calc((1em * 1.5 + var(--padding-size) * 2 - var(--icon-button-size)) / 2);
/* Where: Line height /* Where: Line height
* Font size * Font size
*/ */
@ -690,4 +694,4 @@ html .note-detail-editable-text :not(figure, .include-note, hr):first-child {
.note-list-widget { .note-list-widget {
outline: 0 !important; outline: 0 !important;
} }