Skip to content

Commit 416b3c2

Browse files
authored
Fix: tap target of the menu in Mobile version (#17018)
In this PR, I increase the size of the target taps of the opening and closing menu buttons in the mobile version. - Open button Before: <img width="88" alt="Screenshot 2023-02-27 at 15 35 37" src="https://user-images.githubusercontent.com/44496264/221592366-93d93b49-0bd4-4b51-aa8e-a33c8043a461.png"> After: <img width="148" alt="Screenshot 2023-02-27 at 15 30 21" src="https://user-images.githubusercontent.com/44496264/221592418-b32502ee-24b9-4725-84e4-0c57fef08541.png"> - Close button Before: <img width="158" alt="Screenshot 2023-02-27 at 15 36 06" src="https://user-images.githubusercontent.com/44496264/221592542-28b2c8fa-ad83-49eb-ac15-f3e908a14fff.png"> After: <img width="141" alt="Screenshot 2023-02-27 at 15 31 03" src="https://user-images.githubusercontent.com/44496264/221592574-9db1143e-ff9a-4813-a18c-c899634cda6b.png"> Closes #16834
2 parents 120edd2 + 02ee89b commit 416b3c2

File tree

2 files changed

+3
-0
lines changed

2 files changed

+3
-0
lines changed

scaladoc/resources/dotty_res/styles/theme/layout/header.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -89,6 +89,7 @@
8989
#mobile-menu-toggle {
9090
margin-left: calc(3 * var(--base-spacing));
9191
display: block;
92+
padding: 16px;
9293
}
9394

9495
.header-container-right .text-button {

scaladoc/resources/dotty_res/styles/theme/layout/mobileMenu.css

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -154,6 +154,8 @@
154154

155155
#mobile-menu-close {
156156
margin-left: auto;
157+
width: 48px;
158+
height: 48px;
157159
}
158160

159161
#mobile-menu-close:disabled {

0 commit comments

Comments
 (0)