Skip to content

Instantly share code, notes, and snippets.

@breadthe
Forked from joshuat/Slack avatar-less sidebar.md
Created November 13, 2020 15:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save breadthe/44b9e13e264a6018a616b777b19dcdfa to your computer and use it in GitHub Desktop.
Save breadthe/44b9e13e264a6018a616b777b19dcdfa to your computer and use it in GitHub Desktop.
Remove the avatars from your slack sidebar
  1. Message yourself /slackdevtools
  2. In the DevTools console:
function addStyle (styleString) {
  const style = document.createElement('style');
  style.textContent = styleString;
  document.head.append(style);
}

addStyle(`
  .p-channel_sidebar__presence_icon.p-channel_sidebar__presence_icon--on-avatar {
    transform: scale(1.5) translateX(-6px) translateY(-5px);
  }

  .p-channel_sidebar__mpim_counter {
    transform: scale(1.2) translateX(-4px) translateY(-4px);
  }

  span.p-channel_sidebar__mpim_avatars_mpim1.c-avatar {
    opacity: 0;
  }

  .p-channel_sidebar__channel span.c-avatar {
    opacity: 0;
  }

  .p-channel_sidebar__user_avatar--hide-presence .p-channel_sidebar__presence_icon--on-avatar {
    display: block;
    transform: scale(1.5) translateX(-3.5px) translateY(-9px);
  }
`);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment