From d4201075d0d7a5577b2211b33a32f8f7f33fd69e Mon Sep 17 00:00:00 2001
From: Chris Garrity <chrisg@media.mit.edu>
Date: Thu, 25 Jul 2019 11:47:21 -0400
Subject: [PATCH] Remove touch slop
---
src/components/delete-button/delete-button.css | 9 +--------
1 file changed, 1 insertion(+), 8 deletions(-)
diff --git a/src/components/delete-button/delete-button.css b/src/components/delete-button/delete-button.css
index 3224e23b9..6abca7ec0 100644
--- a/src/components/delete-button/delete-button.css
+++ b/src/components/delete-button/delete-button.css
@@ -1,27 +1,20 @@
@import "../../css/colors.css";
@import "../../css/units.css";
-/* the delete button has .25rem invisible 'slop' around the visible button
- to make it easier to tap on a touch device */
+/* wrapper to allow for touch slop if we decide to add it */
.delete-button {
display: flex;
align-items: center;
justify-content: center;
-
- overflow: hidden; /* Mask the icon animation */
- width: 2rem;
- height: 2rem;
user-select: none;
cursor: pointer;
transition: all 0.15s ease-out;
-
}
.delete-button-visible {
display: flex;
align-items: center;
justify-content: center;
-
overflow: hidden; /* Mask the icon animation */
width: 1.75rem;
height: 1.75rem;
--
GitLab