[Enhancement]: Improve UX for DNN 10 Permissions grid

[Timo-Breumelhof]

Is there an existing issue for this?

• I have searched the existing issues

Description of problem

The addition of the more granular edit permission settings to DNN 10 is great.
But IMO the current UX is not ideal.

See:

I see a few issues:

1. Edit is at the end although in most use cases view and edit are the most important
2. add - navigate are essentially sub categories of Edit, which is not clear until you click edit
3. Because a lot of the texts are not visible understanding what does what is quite difficult.

Description of solution

1. Position Edit just after view
2. Is possible add a separator between edit and the rest of the items to show the difference between the two

See:

3. We could also replace the texts of the "advanced" items to an icon, which is clearer in narrow space.

Example:

Description of alternatives considered

up for discussion :-)

Anything else?

No response

Do you be plan to contribute code for this enhancement?

• Yes

Would you be interested in sponsoring this enhancement?

• Yes

Code of Conduct

• I agree to follow this project's Code of Conduct

[Timo-Breumelhof]

@iJungleboy issue created as discussed

[jeremy-farrance]

Strongly agree: View Edit | Add ...

Also, LOVE the icons, but I think you can skip the fancy tooltip and just set the element title for a more basic and standard hover info.

[valadas]

If work is done in that area, we could do it on dnn-elements permission grid (which is used in the resource manager) and then swap the react one to it.