File tree Expand file tree Collapse file tree 1 file changed +1
-8
lines changed
src/components/delete-button Expand file tree Collapse file tree 1 file changed +1
-8
lines changed Original file line number Diff line number Diff line change 1
1
@import "../../css/colors.css" ;
2
2
@import "../../css/units.css" ;
3
3
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 */
6
5
.delete-button {
7
6
display : flex;
8
7
align-items : center;
9
8
justify-content : center;
10
-
11
- overflow : hidden; /* Mask the icon animation */
12
- width : 2rem ;
13
- height : 2rem ;
14
9
user-select : none;
15
10
cursor : pointer;
16
11
transition : all 0.15s ease-out;
17
-
18
12
}
19
13
20
14
.delete-button-visible {
21
15
display : flex;
22
16
align-items : center;
23
17
justify-content : center;
24
-
25
18
overflow : hidden; /* Mask the icon animation */
26
19
width : 1.75rem ;
27
20
height : 1.75rem ;
You can’t perform that action at this time.
0 commit comments