Make <summary> easier to click on Firefox Mobile

Add role=button to mark the element as a touch target.

Closes: https://todo.sr.ht/~emersion/gamja/80
This commit is contained in:
Simon Ser 2021-06-06 12:05:57 +02:00
parent 41c113be9a
commit 6b75985f96
3 changed files with 2 additions and 3 deletions

View File

@ -121,7 +121,7 @@ export default class ConnectForm extends Component {
<br/><br/>
<details>
<summary>Advanced options</summary>
<summary role="button">Advanced options</summary>
<br/>

View File

@ -76,7 +76,7 @@ export default class NetworkForm extends Component {
<br/><br/>
<details>
<summary>Advanced options</summary>
<summary role="button">Advanced options</summary>
<br/>

View File

@ -62,7 +62,6 @@ button {
background: var(--button-background);
transition: background 0.25s linear;
color: var(--button-color);
cursor: pointer;
padding: 0.25rem 0.5rem;
border-style: solid;
border-color: var(--button-border);