Improve layout and UI/UX for categories overlay in entry editor.

References #222

templates/2k11/admin/serendipity_editor.js.tpl

@@ -963,7 +963,13 @@ $(function() {
                 type: "inline",
                 closeMarkup: '<button title="%title%" class="mfp-close" type="button">'+ btnText +'</button>',
                 callbacks: {
+                    open: function() {
+                        // Accessibility helper
+                        $('#edit_entry_category .form_check input[type="checkbox"]').attr('aria-hidden', 'true');
+                    },
                     afterClose: function() {
+                        // Accessibility helper
+                        $('#edit_entry_category .form_check input[type="checkbox"]').attr('aria-hidden', 'false');
                         serendipity.categoryList();
                     }
                 }
@@ -1011,6 +1017,17 @@ $(function() {
         serendipity.liveFilters($(this), '#edit_entry_category .form_check', 'label');
     });
 
+    // Oldie helper for selecting categories
+    $('#edit_entry_category .form_check input').change(function(e) {
+        var $el = $(this);
+
+        if($el.is(":checked")) {
+            $el.siblings('label').addClass('selected');
+        } else {
+            $el.siblings('label').removeClass('selected');
+        }
+    });
+
     // Plugins live filter
     $('#pluginfilter').keyup(function() {
         serendipity.liveFilters($(this), '.plugins_installable > li', '.plugin_features');