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
- From your desktop, click your profile picture in the top right.
- Select Preferences from the menu.
- Click Sidebar in the left-side column.
- Check or uncheck the boxes next to Show profile photos next to DMs.
View previous instructions
- Message yourself
/slackdevtools
- 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);
}
`);
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?
This code is a game changer and I'm really grateful for the UX improvement it gave back to me., so thanks a ton Joshua! On my company's workspace tho, it reverts pretty frequently - sometimes several times a day. I'd really like to apply a more stable hack/patch/whatever and these two pieces are the best approach I've found so far. I feel out of my depth trying to meld them. I assume it'll require modifying this section but my brain is just blue screening when I get beyond that conclusion.