Resize Asana comment box to be the focus of writing when in a fullscreen task.

Resize Asana Comments (Big Asana Comment Box).md

Asana BIG comment box

Make the comment box the focused writing area in a fullscreen asana ticket. (Asana URLs ending in /f work best, but can also work when there's any task opened on screen.)

Turns this layout:

..into this:

Usage

Create a bookmarklet with this snippet as the address, and click it while on a fullscreen asana ticket (ending in /f).

javascript:(function(){var%20descriptionEl%20=%20document.querySelector(".UploadDropTargetAttachmentWrappingTextEditor.TaskPaneBody-attachmentDropTarget")%3BdescriptionEl.parentNode.removeChild(descriptionEl)%3Bdocument.querySelector(".CommentComposer%20.CommentComposerEditor-scrollable").style.minHeight%20=%20"calc(100vh%20-%20(56px%20%2B%2024px%20%2B%2044px%20%2B%2049px))";})();

Or run the JavaScript embedded in the bookmarklet directly in your JS console of the browser:

var descriptionEl = document.querySelector(".UploadDropTargetAttachmentWrappingTextEditor.TaskPaneBody-attachmentDropTarget")
descriptionEl.parentNode.removeChild(descriptionEl)
document.querySelector(".CommentComposer .CommentComposerEditor-scrollable").style.minHeight = "calc(100vh - (56px + 24px + 44px + 49px))"

Everything will still work as expected for the elements that remain on the page including the comment box.

Reverting

Refresh the page to revert the changes, your comment is automatically saved as you write.

How it works

1. It deletes the description element.
2. It makes the comment box to use the size of the full height of the page minus height of the elements that are still vieweable.