Round 2: CSS to hide the Activity or Messages tabs on the group detail page

Continuing the discussion from CSS to hide the Activity or Messages tabs on the group detail page:


tl;dr – the .ember CSS fix I previously used for hiding the Activity and Messages tabs on a group detail page (e.g., … /groups/YourGroupName/) no longer works since Discourse now discourages ember module targeting for CSS. What CSS snippet can I use now to achieve the same effect?


Context

The Activity tab in each group shows the general forum activity for all members in the group – which is really confusing to people and just generally counter-intuitive to many of our community members.

Since we have direct messaging to groups turned off for all our groups, the presence of the Messages tab also is a distraction for us.

Group%20Messages

What’s the current CSS code to hide the Activity and Messages tabs in the screen shot above?

Thanks in advance for the help, wonderful Discourse folks!

P.S. The old ember based CSS code is here if you want to see what we previously used.

This should do the trick

.group-nav {
  .activity, 
  .messages {
    display: none !important;
  }
}
3 Likes

Yes! That worked. Thanks a bunch Kris.

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.