Skip to content

Instantly share code, notes, and snippets.

@dound
Last active April 13, 2022 20:41
Show Gist options
  • Save dound/9eba6fc16e89280a3e84ed1753086bbf to your computer and use it in GitHub Desktop.
Save dound/9eba6fc16e89280a3e84ed1753086bbf to your computer and use it in GitHub Desktop.
Copy/paste into the chrome console to make a google doc's comments wider (F12 --> Console Tab --> copy/paste the below code & press enter).
// This script makes Chrome display Google Doc comments in a wider box (only for while you view the doc).
// 1) Open the google doc in Chrome
// 2) Press F12 (the developer tools should open)
// 3) Click the "Console" tab
// 4) Copy/Paste this code into the console and press "enter" to run it
// 5) Press "X" to close the developer tools
//
// To go back to normal size, refresh the page.
(() => {
const newCommentColumnWidth = 500; // TWEAK THIS
const moveCommentColumnLeft = 200; // AND THIS to suit your screen size and personal preferences
const style = document.createElement('style');
style.innerHTML=`.docos-anchoreddocoview-internal {width: ${newCommentColumnWidth}px; position: relative; left: -${moveCommentColumnLeft}px; relative; padding-left: 10px; background-color: #FFF;}`;
document.head.appendChild(style)
console.log('comment style updated')
})()
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment