Hiding Elements in the AdminBar

[bleak lily]

I'm trying to hide the user email and logout buttons in the PayloadAdminBar component. I've supplied the classNames thus:

classNames={{
  controls: 'font-medium text-white',
  logo: 'text-white',
  user: 'hidden',
  logout: 'hidden',
  preview: 'text-white'
}}

Yet the user email and logout buttons are still shown? Any thoughts on where I'm going wrong?

[native inlet]

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• Slate Editor - Admin Options
• Edit View - Custom Components - Globals
• Edit View - Custom Components - Description

Community-Help:

• How to remove "Payload Settings" from /admin/account
• Hide Collection from admin sidebar
• How can I hide collections in admin without access restrictions?
• How to add confirm box before user hit save or update? Also how to extend current model with type ui

[dire hull]

Have you got .hidden available in a global css file?

[bleak lily]

@dire hull - yes, I'm using Tailwind

But the class isn't applied to the element.

[dire hull]

According to the code the class shouldn’t be getting applied on that span, should be on the <a> tag

https://github.com/payloadcms/payload/blob/main/packages/admin-bar/src/AdminBar.tsx