Skip to content

Instantly share code, notes, and snippets.

@joshuat
Last active January 19, 2021 08:25
Show Gist options
  • Save joshuat/9310780782f6526fc8717d6798a4d4b9 to your computer and use it in GitHub Desktop.
Save joshuat/9310780782f6526fc8717d6798a4d4b9 to your computer and use it in GitHub Desktop.
Remove the avatars from your slack sidebar

Slack has listened to feedback and given us a way to toggle off the sidebar avatars.

(This only seems to be available in the Beta channel at the moment)

Display or hide profile photos

  1. From your desktop, click your profile picture in the top right.
  2. Select Preferences from the menu.
  3. Click Sidebar in the left-side column.
  4. Check or uncheck the boxes next to Show profile photos next to DMs.
View previous instructions
  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);
  }
`);
@mzjp2
Copy link

mzjp2 commented Dec 1, 2020

Has anyone successfully combined this and ryanhatfield's script into one element yet? If not, would anyone be willing to give me a pointer or two on how to smash these two together?

@imasuperpanda - scroll up a few comments

@imasupersadpanda
Copy link

D'oh! Thanks, @mzjp2!

@sjhale
Copy link

sjhale commented Dec 9, 2020

Slack have listened to the feedback and made this change configurable!

How do I update my settings?
Click your workspace name (top left) > Preferences > Sidebar > “Show profile photos next to DMs”

Note: you may need to do a hard refresh (Cmd/Ctrl+Shift+R) to see it

SlackAvatars

@joshuat
Copy link
Author

joshuat commented Dec 9, 2020

@sjhale 🎉

@sochi
Copy link

sochi commented Dec 11, 2020

(This only seems to be available in the Beta channel at the moment)

This option seems to be available in stable releases too 🎉 (not sure if Slack does any gradual rollout of new changes but I am using a stable release and I can see the option there)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment