vanilla ckeditor-3.5

[ckeditor.git] / _source / plugins / tabletools / dialogs / tableCell.js

diff --git a/_source/plugins/tabletools/dialogs/tableCell.js b/_source/plugins/tabletools/dialogs/tableCell.js
index 1393e24..33fe66b 100644 (file)
--- a/_source/plugins/tabletools/dialogs/tableCell.js
+++ b/_source/plugins/tabletools/dialogs/tableCell.js
@@ -12,7 +12,8 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                        widthPattern = /^(\d+(?:\.\d+)?)(px|%)$/,\r
                        heightPattern = /^(\d+(?:\.\d+)?)px$/,\r
                        bind = CKEDITOR.tools.bind,\r
-                       spacer = { type : 'html', html : ' ' };\r
+                       spacer = { type : 'html', html : ' ' },\r
+                       rtl = editor.lang.dir == 'rtl';\r
 \r
                /**\r
                 *\r
@@ -71,8 +72,8 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
 \r
                return {\r
                        title : langCell.title,\r
-                       minWidth : CKEDITOR.env.ie && CKEDITOR.env.quirks ? 550 : 480,\r
-                       minHeight : CKEDITOR.env.ie ? ( CKEDITOR.env.quirks ? 180 : 150 ) : 140,\r
+                       minWidth : CKEDITOR.env.ie && CKEDITOR.env.quirks? 450 : 410,\r
+                       minHeight : CKEDITOR.env.ie && CKEDITOR.env.quirks?  230 : 200,\r
                        contents : [\r
                                {\r
                                        id : 'info',\r
@@ -98,9 +99,8 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                                {\r
                                                                                                        type : 'text',\r
                                                                                                        id : 'width',\r
-                                                                                                       label : langTable.width,\r
-                                                                                                       widths : [ '71%', '29%' ],\r
-                                                                                                       labelLayout : 'horizontal',\r
+                                                                                                       width: '100px',\r
+                                                                                                       label : langCommon.width,\r
                                                                                                        validate : validate[ 'number' ]( langCell.invalidWidth ),\r
 \r
                                                                                                        // Extra labelling of width unit type.\r
@@ -139,10 +139,8 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                                {\r
                                                                                                        type : 'select',\r
                                                                                                        id : 'widthType',\r
-                                                                                                       labelLayout : 'horizontal',\r
-                                                                                                       widths : [ '0%', '100%' ],\r
                                                                                                        label : editor.lang.table.widthUnit,\r
-                                                                                                       labelStyle: 'display:none',\r
+                                                                                                       labelStyle: 'visibility:hidden',\r
                                                                                                        'default' : 'px',\r
                                                                                                        items :\r
                                                                                                        [\r
@@ -166,10 +164,9 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                                {\r
                                                                                                        type : 'text',\r
                                                                                                        id : 'height',\r
-                                                                                                       label : langTable.height,\r
+                                                                                                       label : langCommon.height,\r
+                                                                                                       width: '100px',\r
                                                                                                        'default' : '',\r
-                                                                                                       widths : [ '71%', '29%' ],\r
-                                                                                                       labelLayout : 'horizontal',\r
                                                                                                        validate : validate[ 'number' ]( langCell.invalidHeight ),\r
 \r
                                                                                                        // Extra labelling of height unit type.\r
@@ -206,7 +203,7 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                                {\r
                                                                                                        id : 'htmlHeightType',\r
                                                                                                        type : 'html',\r
-                                                                                                       html : langTable.widthPx\r
+                                                                                                       html : '<br />'+ langTable.widthPx\r
                                                                                                }\r
                                                                                        ]\r
                                                                                },\r
@@ -214,9 +211,7 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                {\r
                                                                                        type : 'select',\r
                                                                                        id : 'wordWrap',\r
-                                                                                       labelLayout : 'horizontal',\r
                                                                                        label : langCell.wordWrap,\r
-                                                                                       widths : [ '50%', '50%' ],\r
                                                                                        'default' : 'yes',\r
                                                                                        items :\r
                                                                                        [\r
@@ -245,16 +240,14 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                {\r
                                                                                        type : 'select',\r
                                                                                        id : 'hAlign',\r
-                                                                                       labelLayout : 'horizontal',\r
                                                                                        label : langCell.hAlign,\r
-                                                                                       widths : [ '50%', '50%' ],\r
                                                                                        'default' : '',\r
                                                                                        items :\r
                                                                                        [\r
                                                                                                [ langCommon.notSet, '' ],\r
-                                                                                               [ langTable.alignLeft, 'left' ],\r
-                                                                                               [ langTable.alignCenter, 'center' ],\r
-                                                                                               [ langTable.alignRight, 'right' ]\r
+                                                                                               [ langCommon.alignLeft, 'left' ],\r
+                                                                                               [ langCommon.alignCenter, 'center' ],\r
+                                                                                               [ langCommon.alignRight, 'right' ]\r
                                                                                        ],\r
                                                                                        setup : function( element )\r
                                                                                        {\r
@@ -278,16 +271,14 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                {\r
                                                                                        type : 'select',\r
                                                                                        id : 'vAlign',\r
-                                                                                       labelLayout : 'horizontal',\r
                                                                                        label : langCell.vAlign,\r
-                                                                                       widths : [ '50%', '50%' ],\r
                                                                                        'default' : '',\r
                                                                                        items :\r
                                                                                        [\r
                                                                                                [ langCommon.notSet, '' ],\r
-                                                                                               [ langCell.alignTop, 'top' ],\r
-                                                                                               [ langCell.alignMiddle, 'middle' ],\r
-                                                                                               [ langCell.alignBottom, 'bottom' ],\r
+                                                                                               [ langCommon.alignTop, 'top' ],\r
+                                                                                               [ langCommon.alignMiddle, 'middle' ],\r
+                                                                                               [ langCommon.alignBottom, 'bottom' ],\r
                                                                                                [ langCell.alignBaseline, 'baseline' ]\r
                                                                                        ],\r
                                                                                        setup : function( element )\r
@@ -333,8 +324,6 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                        type : 'select',\r
                                                                                        id : 'cellType',\r
                                                                                        label : langCell.cellType,\r
-                                                                                       labelLayout : 'horizontal',\r
-                                                                                       widths : [ '50%', '50%' ],\r
                                                                                        'default' : 'td',\r
                                                                                        items :\r
                                                                                        [\r
@@ -355,8 +344,6 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                        type : 'text',\r
                                                                                        id : 'rowSpan',\r
                                                                                        label : langCell.rowSpan,\r
-                                                                                       labelLayout : 'horizontal',\r
-                                                                                       widths : [ '50%', '50%' ],\r
                                                                                        'default' : '',\r
                                                                                        validate : validate.integer( langCell.invalidRowSpan ),\r
                                                                                        setup : function( selectedCell )\r
@@ -378,8 +365,6 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                        type : 'text',\r
                                                                                        id : 'colSpan',\r
                                                                                        label : langCell.colSpan,\r
-                                                                                       labelLayout : 'horizontal',\r
-                                                                                       widths : [ '50%', '50%' ],\r
                                                                                        'default' : '',\r
                                                                                        validate : validate.integer( langCell.invalidColSpan ),\r
                                                                                        setup : function( element )\r
@@ -401,15 +386,13 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                {\r
                                                                                        type : 'hbox',\r
                                                                                        padding : 0,\r
-                                                                                       widths : [ '80%', '20%' ],\r
+                                                                                       widths : [ '60%', '40%' ],\r
                                                                                        children :\r
                                                                                        [\r
                                                                                                {\r
                                                                                                        type : 'text',\r
                                                                                                        id : 'bgColor',\r
                                                                                                        label : langCell.bgColor,\r
-                                                                                                       labelLayout : 'horizontal',\r
-                                                                                                       widths : [ '70%', '30%' ],\r
                                                                                                        'default' : '',\r
                                                                                                        setup : function( element )\r
                                                                                                        {\r
@@ -433,8 +416,13 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                                {\r
                                                                                                        type : 'button',\r
                                                                                                        id : 'bgColorChoose',\r
+                                                                                                       "class" : 'colorChooser',\r
                                                                                                        label : langCell.chooseColor,\r
-                                                                                                       style : 'margin-left: 10px',\r
+                                                                                                       onLoad : function()\r
+                                                                                                       {\r
+                                                                                                               // Stick the element to the bottom (#5587)\r
+                                                                                                               this.getElement().getParent().setStyle( 'vertical-align', 'bottom' );\r
+                                                                                                       },\r
                                                                                                        onClick : function()\r
                                                                                                        {\r
                                                                                                                var self = this;\r
@@ -452,15 +440,13 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                {\r
                                                                                        type : 'hbox',\r
                                                                                        padding : 0,\r
-                                                                                       widths : [ '80%', '20%' ],\r
+                                                                                       widths : [ '60%', '40%' ],\r
                                                                                        children :\r
                                                                                        [\r
                                                                                                {\r
                                                                                                        type : 'text',\r
                                                                                                        id : 'borderColor',\r
                                                                                                        label : langCell.borderColor,\r
-                                                                                                       labelLayout : 'horizontal',\r
-                                                                                                       widths : [ '70%', '30%' ],\r
                                                                                                        'default' : '',\r
                                                                                                        setup : function( element )\r
                                                                                                        {\r
@@ -483,8 +469,14 @@ CKEDITOR.dialog.add( 'cellProperties', function( editor )
                                                                                                {\r
                                                                                                        type : 'button',\r
                                                                                                        id : 'borderColorChoose',\r
+                                                                                                       "class" : 'colorChooser',\r
                                                                                                        label : langCell.chooseColor,\r
-                                                                                                       style : 'margin-left: 10px',\r
+                                                                                                       style : ( rtl ? 'margin-right' : 'margin-left' ) + ': 10px',\r
+                                                                                                       onLoad : function()\r
+                                                                                                       {\r
+                                                                                                               // Stick the element to the bottom (#5587)\r
+                                                                                                               this.getElement().getParent().setStyle( 'vertical-align', 'bottom' );\r
+                                                                                                       },\r
                                                                                                        onClick : function()\r
                                                                                                        {\r
                                                                                                                var self = this;\r