Skip to content

Commit b06621c

Browse files
authored
fix(a11y): improved touch target (#8104)
1 parent d95125b commit b06621c

1 file changed

Lines changed: 9 additions & 1 deletion

File tree

src/components/SidebarItem/SidebarItem.scss

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,8 @@
77
flex-wrap: wrap;
88
font-size: 15px;
99
margin: 0.6em 0;
10+
align-items: center;
11+
min-height: 40px;
1012

1113
&__toggle {
1214
flex: 0 0 auto;
@@ -25,14 +27,20 @@
2527
background: none;
2628
border: none;
2729
padding: 0;
28-
display: flex;
30+
display: inline-flex;
2931
align-items: center;
32+
justify-content: center;
33+
min-width: 40px;
34+
min-height: 40px;
3035
}
3136

3237
&__title {
3338
flex: 1 1 auto;
3439
color: getColor(elephant);
3540
max-width: 85%;
41+
min-height: 40px;
42+
display: inline-flex;
43+
align-items: center;
3644
@include control-overflow;
3745
&.active {
3846
font-weight: 600;

0 commit comments

Comments
 (0)