chipmunkmc/gamja-old
1
0
Fork 0
mirror of https://git.sr.ht/~emersion/gamja synced 2025-04-02 02:00:04 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use semantically more correct elements for error bubble

Browse source
This commit is contained in:
Simon Ser 2021-06-22 15:48:42 +02:00
parent 724d7318cf
commit 1ea3180f5b
2 changed files with 9 additions and 6 deletions
components
app.js
style.css

6
components/app.js
View file

@ -1231,11 +1231,11 @@ export default class App extends Component {
let error = null;
if (this.state.error) {
error = html`
<p id="error-msg">
<div id="error-msg">
${this.state.error}
${" "}
<a href="#" onClick=${this.dismissError}>×</a>
</p>
<button onClick=${this.dismissError}>×</button>
</div>
`;
}

9
style.css
View file

@ -460,9 +460,12 @@ details summary[role="button"] {
margin: 0.5rem;
}
#error-msg a {
color: white;
text-decoration: none;
#error-msg button {
border: none;
background: transparent;
color: inherit;
font-size: inherit;
padding: 0;
}
.error-text {