N°7655 - Make code blocks edition closer to its readonly counterpart

This commit is contained in:
Stephen Abello
2024-07-19 10:54:06 +02:00
parent 21bc4cdc9b
commit a86edc69ac

View File

@@ -18,6 +18,10 @@ $ibo-vendors-ckeditor--autocomplete-item-image--border: 1px solid $ibo-color-gre
$ibo-vendors-ckeditor--autocomplete-item-title--text-color: #3A3A3A !default;
$ibo-vendors-ckeditor--ck-content--text-color: $ibo-color-grey-900 !default;
$ibo-vendors-ckeditor--ck-content-pre-language--padding: 0 !default;
$ibo-vendors-ckeditor--ck-content-pre-language--code--background-color: $ibo-color-grey-900 !default;
$ibo-vendors-ckeditor--ck-content-pre-language--code--color: $ibo-color-white-100 !default;
$ibo-vendors-ckeditor--ck-content-pre-language--code--padding: $ibo-vendors-highlightjs--padding !default;
/* - Following SCSS variables are only there to overlaod the CSS3 variables of CKEditor (see `src/resources/styles/default-theme.css` in CKEditor) */
$ibo-vendors-ckeditor--ck-color-list-button-on-background: $ibo-color-grey-200 !default;
$ibo-vendors-ckeditor--ck-color-list-button-on-background-focus: $ibo-color-grey-200 !default;
@@ -87,6 +91,15 @@ $ibo-vendors-ckeditor--ck-color-image-caption-text: $ibo-color-grey-900 !default
width: 100% !important; /* !important to overload inline style from configuration.width */
}
}
.ck-content pre[data-language] {
padding: $ibo-vendors-ckeditor--ck-content-pre-language--padding !important;
code {
display: block;
background: $ibo-vendors-ckeditor--ck-content-pre-language--code--background-color !important;
padding: $ibo-vendors-ckeditor--ck-content-pre-language--code--padding !important;
color: $ibo-vendors-ckeditor--ck-content-pre-language--code--color !important;
}
}
/* Highlight JS */
.hljs {