diff --git a/packages/ckeditor5/src/index.ts b/packages/ckeditor5/src/index.ts index 1a614f8e8..8dc0e3611 100644 --- a/packages/ckeditor5/src/index.ts +++ b/packages/ckeditor5/src/index.ts @@ -1,4 +1,5 @@ import "ckeditor5/ckeditor5.css"; +import "./theme/code_block_toolbar.css"; import { COMMON_PLUGINS, CORE_PLUGINS, POPUP_EDITOR_PLUGINS } from "./plugins"; import { BalloonEditor, DecoupledEditor, FindAndReplaceEditing, FindCommand } from "ckeditor5"; export { EditorWatchdog } from "ckeditor5"; diff --git a/packages/ckeditor5/src/plugins/code_block_toolbar.ts b/packages/ckeditor5/src/plugins/code_block_toolbar.ts index 4f886efa8..ff9014fd8 100644 --- a/packages/ckeditor5/src/plugins/code_block_toolbar.ts +++ b/packages/ckeditor5/src/plugins/code_block_toolbar.ts @@ -18,6 +18,7 @@ export default class CodeBlockToolbar extends Plugin { "|", "copyToClipboard" ], + balloonClassName: "ck-toolbar-container codeblock-language-list", getRelatedElement(selection) { const selectionPosition = selection.getFirstPosition(); if (!selectionPosition) { diff --git a/packages/ckeditor5/src/theme/code_block_toolbar.css b/packages/ckeditor5/src/theme/code_block_toolbar.css new file mode 100644 index 000000000..0776571b4 --- /dev/null +++ b/packages/ckeditor5/src/theme/code_block_toolbar.css @@ -0,0 +1,4 @@ +.ck.ck-balloon-panel.codeblock-language-list .ck-dropdown__panel { + max-height: 300px; + overflow-y: auto; +} \ No newline at end of file