Add headers to overlays

Fixes #91.
This commit is contained in:
Florine W. Dekker 2020-10-22 17:07:18 +02:00
parent 6a003c0dd7
commit 57b06d38bf
Signed by: FWDekker
GPG Key ID: B1B567AF58D6EE0F
2 changed files with 7 additions and 2 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "minesweeper", "name": "minesweeper",
"version": "0.82.3", "version": "0.82.4",
"description": "Just Minesweeper!", "description": "Just Minesweeper!",
"author": "Felix W. Dekker", "author": "Felix W. Dekker",
"browser": "dist/bundle.js", "browser": "dist/bundle.js",

View File

@ -112,6 +112,7 @@
<!-- Custom difficulty overlay --> <!-- Custom difficulty overlay -->
<div class="overlayWrapper" id="customDifficultyOverlay"> <div class="overlayWrapper" id="customDifficultyOverlay">
<div class="overlay"> <div class="overlay">
<h2>Custom difficulty</h2>
<form id="customDifficultyForm"> <form id="customDifficultyForm">
<label for="settingsWidth">Width</label> <label for="settingsWidth">Width</label>
<input type="number" id="settingsWidth" min="3" max="99" value="9" /> <input type="number" id="settingsWidth" min="3" max="99" value="9" />
@ -136,8 +137,9 @@
<!-- Seed input overlay --> <!-- Seed input overlay -->
<div class="overlayWrapper" id="seedOverlay"> <div class="overlayWrapper" id="seedOverlay">
<div class="overlay"> <div class="overlay">
<h2>Seed</h2>
<form id="seedForm"> <form id="seedForm">
<label for="seed">Seed</label> <!--suppress HtmlFormInputWithoutLabel Only one input, so header already explains everything -->
<input id="seed" /> <input id="seed" />
<button>New game</button> <button>New game</button>
@ -150,6 +152,7 @@
<!-- Preferences overlay --> <!-- Preferences overlay -->
<div class="overlayWrapper" id="preferencesOverlay"> <div class="overlayWrapper" id="preferencesOverlay">
<div class="overlay"> <div class="overlay">
<h2>Preferences</h2>
<form id="preferencesForm"> <form id="preferencesForm">
<label for="preferencesEnableMarks">Enable question marks</label> <label for="preferencesEnableMarks">Enable question marks</label>
<input type="checkbox" id="preferencesEnableMarks" /> <input type="checkbox" id="preferencesEnableMarks" />
@ -168,6 +171,7 @@
<!-- Statistics overlay --> <!-- Statistics overlay -->
<div class="overlayWrapper" id="statisticsOverlay"> <div class="overlayWrapper" id="statisticsOverlay">
<div class="overlay"> <div class="overlay">
<h2>Statistics</h2>
<div id="statisticsDiv"></div> <div id="statisticsDiv"></div>
<form id="statisticsResetForm"> <form id="statisticsResetForm">
<button>Reset</button> <button>Reset</button>
@ -180,6 +184,7 @@
<!-- High scores overlay --> <!-- High scores overlay -->
<div class="overlayWrapper" id="highScoresOverlay"> <div class="overlayWrapper" id="highScoresOverlay">
<div class="overlay"> <div class="overlay">
<h2>High scores</h2>
<div id="highScoresDiv"></div> <div id="highScoresDiv"></div>
<form id="highScoresResetForm"> <form id="highScoresResetForm">
<button>Reset</button> <button>Reset</button>