directus-extension-current-role-hook v0.2.3

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.