~emersion/gamja

1ea3180f5b5f1324bc5e346157ebc47a3083140a — Simon Ser 5 months ago 724d731
Use semantically more correct elements for error bubble
2 files changed, 9 insertions(+), 6 deletions(-)

M components/app.js
M style.css
M components/app.js => components/app.js +3 -3
@@ 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>
			`;
		}


M style.css => style.css +6 -3
@@ 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 {