Skip to content

Commit 68389c8

Browse files
authored
Merge pull request scratchfoundation#5027 from chrisgarrity/remove-delete-slop
Remove touch slop
2 parents 1f95ff0 + d420107 commit 68389c8

File tree

1 file changed

+1
-8
lines changed

1 file changed

+1
-8
lines changed

src/components/delete-button/delete-button.css

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,20 @@
11
@import "../../css/colors.css";
22
@import "../../css/units.css";
33

4-
/* the delete button has .25rem invisible 'slop' around the visible button
5-
to make it easier to tap on a touch device */
4+
/* wrapper to allow for touch slop if we decide to add it */
65
.delete-button {
76
display: flex;
87
align-items: center;
98
justify-content: center;
10-
11-
overflow: hidden; /* Mask the icon animation */
12-
width: 2rem;
13-
height: 2rem;
149
user-select: none;
1510
cursor: pointer;
1611
transition: all 0.15s ease-out;
17-
1812
}
1913

2014
.delete-button-visible {
2115
display: flex;
2216
align-items: center;
2317
justify-content: center;
24-
2518
overflow: hidden; /* Mask the icon animation */
2619
width: 1.75rem;
2720
height: 1.75rem;

0 commit comments

Comments
 (0)