Я не уверен, что вам нужно делать что-то особенное в Drupal 8, однако с точки зрения CKEditor вам нужно изменить классы CSS, отвечающие за выпадающие списки.
Ниже приведены классы, используемые раскрывающимися списками в CKEditor 4.x для скина по умолчанию.
Раскрывающиеся кнопки на панели инструментов:
.cke_combo__font .cke_combo_text
.cke_combo__fontsize .cke_combo_text
.cke_combo__format .cke_combo_text
.cke_combo__style .cke_combo_text
Раскрывающиеся панели:
.cke_combopanel__font
.cke_combopanel__fontsize
.cke_combopanel__format
.cke_combopanel__styles
Чтобы изменить размер перетаскиваемой кнопки и панели редактора, например, Форматируйте, пожалуйста, добавьте следующие правила в CSS-файл вашей страницы:
.cke_combo__format .cke_combo_text{
width:150px !important;
}
.cke_combopanel__format {
width:250px !important;
}
Поскольку панель инструментов является частью главной страницы, эти правила могут быть включены в раздел заголовка вашей HTML-страницы, могут быть помещены во внешний CSS-файл, который затем импортируется на вашу HTML-страницу (с помощью тега ссылки), или могут быть добавлены в редактор файлов скинов CSS напрямую, например в editor.css
хотя последний метод будет проблематичным в случае обновления редактора, поэтому я не рекомендую его.