Fix #1

CHANGELOG.md

@@ -0,0 +1,2 @@
+# 0.0.4
+* BUG: Authors list is not visible when toolbar is on multiple lines. Also fixed resize handling. - https://github.com/tiblu/ep_authorship_toggle/issues/1

README.md

@@ -18,5 +18,5 @@ I also wanted the list of authors to be shown when the colors are enabled, like
 
 ## Credits
 
-* [CitizenOS](https://citizenos.com) for funding the development 
+* [Citizen OS](https://citizenos.com) for funding the development 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ep_authorship_toggle",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Toggle authorship colors on and off.",
   "author": {
     "name": "Tiblu"

static/js/clientHooks.js

@@ -14,22 +14,34 @@
 exports.postToolbarInit = function (hook_name, args) {
     var editbar = args.toolbar; // toolbar is actually editbar - http://etherpad.org/doc/v1.5.7/#index_editbar
 
+    var $window = $(window);
     var $inner = $('iframe[name=ace_outer]').contents().find('iframe[name=ace_inner]').contents();
     var $docBody = $inner.find('#innerdocbody');
     var $editorcontainer = $('#editorcontainer');
+    var $editbar = $('#editbar');
 
     var $epAuthorshipToggleAuthorList = $('#epAuthorshipToggleAuthorList');
     var $epAuthorList = $epAuthorshipToggleAuthorList.find('#authorsList');
 
+    var resizeHandler = function() {
+        console.log('epAuthorshipToggle', 'resize handler!');
+
+        $epAuthorshipToggleAuthorList.css('top', $editbar.outerHeight() + 'px');
+        $editorcontainer.css('top', $epAuthorshipToggleAuthorList.offset().top + $epAuthorshipToggleAuthorList.outerHeight());
+    };
+
     editbar.registerCommand('epAuthorshipToggle', function () {
         var isVisibleAuthor = $epAuthorshipToggleAuthorList.is(':visible');
 
         $docBody.toggleClass('authorColors');
 
         if (isVisibleAuthor) { // Is visible so it's gonna be hidden
-            $editorcontainer.css('top', $editorcontainer.offset().top - $epAuthorshipToggleAuthorList.outerHeight());
+            $window.off('resize', resizeHandler);
+
             $epAuthorshipToggleAuthorList.toggle();
         } else {
+            $window.on('resize', resizeHandler);
+
             // Clear previous authors and build a new author list
             $epAuthorList.empty();
 
@@ -50,7 +62,7 @@ exports.postToolbarInit = function (hook_name, args) {
 
             if (Object.keys(authors).length) {
                 $epAuthorshipToggleAuthorList.toggle(); // Show before to get height
-                $editorcontainer.css('top', $editorcontainer.offset().top + $epAuthorshipToggleAuthorList.outerHeight());
+                resizeHandler();
             }
         }
     });