Ticket #7898: 7898.patch

_source/skins/kama/dialog.css

@@ -712 +712 @@
         border: none 1px;
         font-size: 1px;
 }
+.cke_skin_kama .cke_dialog a.cke_btn_locked .cke_icon
+{
+        display:none;
+}
 
 .cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_locked,
 .cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_unlocked
@@ -882 +886 @@
 {
         float: right;
 }
+.cke_skin_kama .cke_hc a.cke_btn_locked .cke_icon
+{
+        display:inline;
+}
 
 .cke_skin_kama a.cke_smile img
 {

_source/skins/v2/dialog.css

@@ -637 +637 @@
         border: none 1px;
         font-size: 1px;
 }
+.cke_skin_v2 .cke_dialog a.cke_btn_locked .cke_icon
+{
+        display:none;
+}
 
+
 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_locked,
 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_unlocked
 {
@@ -799 +804 @@
         width:auto;
         height:auto;
 }
+.cke_skin_v2 .cke_hc a.cke_btn_locked .cke_icon
+{
+        display:inline;
+}
 
 .cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_locked,
 .cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_unlocked,

_source/skins/office2003/dialog.css

@@ -635 +635 @@
         border: none 1px;
         font-size: 1px;
 }
+.cke_skin_office2003 .cke_dialog a.cke_btn_locked .cke_icon
+{
+        display:none;
+}
 
 .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_locked,
 .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_unlocked
@@ -797 +801 @@
         width: auto;
         height: auto;
 }
+.cke_skin_office2003 .cke_hc a.cke_btn_locked .cke_icon
+{
+        display:inline;
+}
 
 .cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_locked,
 .cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_unlocked,

_source/plugins/image/dialogs/image.js

@@ -160 +160 @@
 
                         ratioButton.setAttribute( 'aria-checked', dialog.lockRatio );
 
+                        // Ratio button hc presentation - WHITE SQUARE / BLACK SQUARE
+                        if ( CKEDITOR.env.hc )
+                        {
+                                var icon = ratioButton.getChild( 0 );
+                                icon.setHtml(  dialog.lockRatio ? CKEDITOR.env.ie ? '\u25A0': '\u25A3' : CKEDITOR.env.ie ? '\u25A1' : '\u25A2' );
+                        }
+
                         return dialog.lockRatio;
                 };
 
@@ -790 +797 @@
                                                                                                         },
                                                                                                         html : '<div>'+
                                                                                                                 '<a href="javascript:void(0)" tabindex="-1" title="' + editor.lang.image.lockRatio +
-                                                                                                                '" class="cke_btn_locked" id="' + btnLockSizesId + '" role="checkbox"><span class="cke_label">' + editor.lang.image.lockRatio + '</span></a>' +
+                                                                                                                '" class="cke_btn_locked" id="' + btnLockSizesId + '" role="checkbox"><span class="cke_icon"></span><span class="cke_label">' + editor.lang.image.lockRatio + '</span></a>' +
                                                                                                                 '<a href="javascript:void(0)" tabindex="-1" title="' + editor.lang.image.resetSize +
                                                                                                                 '" class="cke_btn_reset" id="' + btnResetSizeId + '" role="button"><span class="cke_label">' + editor.lang.image.resetSize + '</span></a>'+
                                                                                                                 '</div>'