We have a collection of sites that add local tasks with longer names than are typical. For example, we have a tab called "Registration settings". This is awkward in the drawer because it breaks down to 2 lines, and we have another item called "Registrations" right above it. It's confusing to look at.
This happens because the drawer width is locked at 10rem by the CSS. We cold override the CSS... or we could just make this project smarter!
Inspect your drawer, rename one of the items in it to have a longer name.
1. Remove the hardcoded width
2. Assign the "left" part of the position dynamically rather than hard-coding at 10rem to match the hardcoded width
Code it!
Needs review
1.0
Code