Current Role

This hook injects the current user ID and role in the body element of the Data Studio. This is useful when you want to apply custom CSS to a specific user or role.

Usage

1. Install the extension using a package manager or from the Marketplace:

npm install directus-extension-current-role-hook

2. Restart Directus.

3. Data attribute gets injected in the body element.

4. Add your custom CSS:

body[data-user-id="..."] {
  /* custom css */
}

body[data-user-role="..."] {
  /* custom css */
}

Known Issues

• After installing the extension, you'll have to restart Directus for the extension to work.
• HTML attributes aren't injected after logging in because, upon initial load, the request to retrieve the user would be unauthenticated.