Rounder corners everywhere - Minimalist Skin 3

[CharpentierLucas]

@amilica

So it seems that for small size buttons, 7px might seem a bit too round and, thus, unpolished (the roundness doesn’t seem intentional). I feel like 3px is a bit low for this kind of button and a 5px border-radius would work best.

+1 LGTM

@MichaelHamann

You can also check the options button on a notification, this is also a btn-xs, here in the screenshot the button in the lower right corner:

Note that this button is slightly too small to achieve the WCAG 2.2 criterion SC 2.5.8:Target Size (Minimum) without using an exception (22 * 24 instead of minimum 24 * 24 ). Reported the issue: XWIKI-21204

@amilica

Yep, a rule would help. I’ll make an “audit” of general elements that we have in our UI and then based on that decide which takes which values and what size category do they go in to make a general rule for future usecases

For the small category, you might want to consider the elements in the lightbox (appears on image hover) and the document tags.

We already have a couple sizes that could be used as thresholds for this rule, see CSS recommendation: pointer targets are large enough .

---

Thank you for your work on the proposal! It’s really nice to see all the different variations at a glance.

Lucas C.