Index: typo3/sysext/rtehtmlarea/htmlarea/htmlarea.js =================================================================== --- typo3/sysext/rtehtmlarea/htmlarea/htmlarea.js (révision 9663) +++ typo3/sysext/rtehtmlarea/htmlarea/htmlarea.js (copie de travail) @@ -4030,6 +4030,7 @@ } if (this.menu == null) { this.menu = new Ext.ux.menu.HTMLAreaColorMenu({ + cls: 'htmlarea-color-menu', hideOnClick: false, colors: this.colors, colorsConfiguration: this.colorsConfiguration, Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/TYPO3Color/typo3color.js =================================================================== --- typo3/sysext/rtehtmlarea/htmlarea/plugins/TYPO3Color/typo3color.js (révision 9663) +++ typo3/sysext/rtehtmlarea/htmlarea/plugins/TYPO3Color/typo3color.js (copie de travail) @@ -137,7 +137,13 @@ element: element, buttonId: buttonId }, - this.getWindowDimensions({ width: 350}, buttonId), + this.getWindowDimensions( + { + width: 350, + height: 350 + }, + buttonId + ), this.buildItemsConfig(element, buttonId), this.setColor ); @@ -311,7 +317,8 @@ cls: 'htmlarea-window', border: false, width: dimensions.width, - height: 'auto', + height: dimensions.height, + autoScroll: true, // As of ExtJS 3.1, JS error with IE when the window is resizable resizable: !Ext.isIE, iconCls: this.getButton(arguments.buttonId).iconCls, @@ -324,6 +331,9 @@ items: { xtype: 'container', layout: 'form', + style: { + width: '95%' + }, defaults: { labelWidth: 150 }, Index: typo3/sysext/t3skin/rtehtmlarea/htmlarea.css =================================================================== --- typo3/sysext/t3skin/rtehtmlarea/htmlarea.css (révision 9663) +++ typo3/sysext/t3skin/rtehtmlarea/htmlarea.css (copie de travail) @@ -271,13 +271,21 @@ border-width: 1px; border-color: white; } -.htmlarea-custom-colors { +.htmlarea-color-menu .htmlarea-custom-colors { + height: 170px; + overflow: auto; +} +.htmlarea-window .htmlarea-custom-colors { height: auto; + overflow: inherit; } .htmlarea-custom-colors a { border-color: transparent; float: none; display: block; + width: 90%; +} +.htmlarea-window .htmlarea-custom-colors a { width: 100%; } .htmlarea-custom-colors em {