From e6418e5fab4a80f62e4b244d2009de8d35aba1cc Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Sat, 3 Jul 2021 12:18:10 +0200
Subject: [PATCH] Update: Larger touch targets for mobile
---
.../navigation/items/Item.module.scss | 19 +++++++++++++++----
1 file changed, 15 insertions(+), 4 deletions(-)
diff --git a/src/components/navigation/items/Item.module.scss b/src/components/navigation/items/Item.module.scss
index 0cccb59..8251d4c 100644
--- a/src/components/navigation/items/Item.module.scss
+++ b/src/components/navigation/items/Item.module.scss
@@ -22,10 +22,6 @@
&.compact {
height: 32px;
-
- &[data-mobile="true"] { // TOFIX: make sure this works on mobile
- height: 50px;
- }
}
&.user {
@@ -148,3 +144,18 @@
background: var(--error);
}
}
+
+@media (pointer: coarse) {
+ .item {
+ height: 55px;
+
+ &.compact {
+ height: 50px;
+
+ div > svg {
+ height: 22px;
+ width: 22px;
+ }
+ }
+ }
+ }
\ No newline at end of file
--
GitLab