minimum tap dimension for mobile

eea · Feb 15, 2023 · a25e9a8 · a25e9a8
1 parent 07d86c8
commit a25e9a8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/theme/themes/eea/extras/footer.less b/theme/themes/eea/extras/footer.less
@@ -129,6 +129,11 @@ footer .footer-wrapper .menu {
     font-weight: @mobileMenuCopyrightFontWeight;
   }
 
+  footer .footer-wrapper a {
+    min-width: @mobileTapTargetMinimum;
+    min-height: @mobileTapTargetMinimum;
+  }
+
   .contact-block .subcontact {
     margin-top: @mobileSubcontactBlockMarginTop;
   }

diff --git a/theme/themes/eea/extras/footer.variables b/theme/themes/eea/extras/footer.variables
@@ -76,3 +76,6 @@
 @mobileMenuCopyrightFontWeight      : @font-weight-3;
 @mobileMenuFontWeight               : @font-weight-4;
 @computerMenuFontSize               : @font-size-1;
+@menuFooterActionsGap               : @size-1 0;
+@menuFooterCopyrightGap             : @size-1 0;
+@mobileTapTargetMinimum             : 50px;