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 {