CSS to hide "Manage Teams and Managers"

Hi Ariel,

We have hidden this for our power users without Edit permission on the Users page using the following CSS. It is based on not having the Edit action item on a user row, so you will need at least 1 user account in the branch that is visible for your power user. Currently, this works fine for us, but whenever Docebo decides on renaming any of these items, the “Manage teams and managers” will be back for all.

/* Hide "Manage teams and managers" for Power Users without Edit rights on Users page*/
body:has(quick-tree):not(:has(tbody .ellipsis-link.action-edit)) #moreActionsMenu > lmn-list-item[data-lmn-menu-item-sub-menu-trigger]:has(svg[data-icon-name="group"]) {
  display: none !important;
}

This is what I’ve found that I think is going to work.
 

.app-layout-title-bar-action:has([data-icon-name="group"]) {

    display: none !important;

}

Our power users still have create permissions, just not the edit and delete ones. Hence for us this item still shows in the three dots button. If they solely have the view permissions, yours will definitely work 😊 Just be careful it doesn’t reach any other button with the group icon on your LMS, if there are any.