From c42c8e3c7aa61d55e26e21f025485b552406c2b4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Javi=20Mart=C3=ADn?= Date: Thu, 26 Aug 2021 13:20:08 +0200 Subject: [PATCH] Increase minimum size for SDG icons The icons were a bit hard to click on small screens, even for people without any motion disabilities. We might increase the size or the space between icons again in the future; right now it's hard for users with certain motion disabilities to click on the right icon. Coincidentally, the minimum size of the icon is now barely over the 44px established as minimum required size by the WCAG guideline 2.5.5 (level AAA) [1]. Also coincidentally, at a screen 320px wide (the minimum screen size we support), six icons appear on each row, just like in the UN logo. [1] https://www.w3.org/TR/WCAG21/#target-size --- app/assets/stylesheets/_consul_settings.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/stylesheets/_consul_settings.scss b/app/assets/stylesheets/_consul_settings.scss index ea97131f6..5722784f9 100644 --- a/app/assets/stylesheets/_consul_settings.scss +++ b/app/assets/stylesheets/_consul_settings.scss @@ -120,7 +120,7 @@ $icon-width: $line-height * 2 !default; $off-screen-left: -1000rem !default; -$sdg-icon-min-width: 40px !default; +$sdg-icon-min-width: 45px !default; $sdg-colors: ( 1: #e5243b,