CKeditor: breitere Dropdowns

ext_localconf.php

<?php

# TYPO3 >= 13
$GLOBALS['TYPO3_CONF_VARS']['BE']['stylesheets']['my_extension'] = 'EXT:myextension/Resources/Public/Css/myfile.css';

ext_tables.php

<?php

# TYPO3 <= 12
$GLOBALS['TBE_STYLES']['skins']['backend']['stylesheetDirectories']['custom'] = 'EXT:custom/Resources/Public/Css/Backend/';

RTE.css

/* This modifies the outer part of the CKeditor */

/*********** TYPO3 12 + 13 ******************/
:root {
    /* Bigger preview panels in RTEs styles dropdown! */
    --ck-style-panel-button-width: 200px !important;
    --ck-style-panel-button-height: 100px !important;
}
/* Broader dropdowns */
.ck.ck-dropdown.ck-style-dropdown .ck-button.ck-dropdown__button .ck-button__label { width: 18em; }
.ck.ck-dropdown.ck-heading-dropdown .ck-button.ck-dropdown__button .ck-button__label { width: 10em; }

/*********** TYPO3 11 ******************/
.cke_combo__styles .cke_combo_text { width: 150px; }
.cke_combo__format .cke_combo_text { width: 150px; }
.cke_combopanel { width: 150px !important; }

/*********** TYPO3 10 ******************/
/* Closed select field */
.cke_combo__format .cke_combo_text { width: 120px; }
.cke_combo__styles .cke_combo_text { width: 120px; }
/* Dropdown */
.cke_combopanel__format { width: 200px !important; }
.cke_combopanel__styles { width: 300px !important; }