Mercurial > hg > batmud > maputils
diff www/search.html @ 1793:e65dde84a6a8
Various improvements to the front-end code.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Sun, 29 Oct 2017 18:36:39 +0200 |
parents | 6ee732cab6ae |
children | 3ba29e3fa63d |
line wrap: on
line diff
--- a/www/search.html Sun Oct 29 17:59:42 2017 +0200 +++ b/www/search.html Sun Oct 29 18:36:39 2017 +0200 @@ -31,23 +31,54 @@ border-radius:0.3em; padding: 0.5em; } - + #resultsBox { width: 60%; height: 100%; margin: auto; } - + #logBox { display: inline-block; vertical-align: top; padding: 0.5em; margin-top: 0.5em; } - + #controls { text-align: right; - padding: 0.5em; + } + + #controls button { + padding-left: 1em; + padding-right: 1em; + padding-top: 0.5em; + padding-bottom: 0.5em; + margin: 0.5em; + } + + #mapList { + margin: 0.5em; + display: block; + } + + #mapList .map + label { + display: inline; + padding: 0.25em; + margin: 0.15em; + border-radius: 0.2em; + color: black; + background: #ccc; + } + + #mapList .map { + display: none; + } + + #mapList .map:checked + label { + color: white; + background: green; + text-decoration: underline; } </style> </head> @@ -79,8 +110,10 @@ ^^^^^^^^^hhhhvvvvHH^R </textarea> <div id="controls"> - <button id="btnClear" type="button">Clear</button> - <button id="btnSearch" type="button">Search</button> + <div id="mapList"></div> + <button id="btnMaps" type="button">C^</button> + <button class="large" id="btnReset" type="button">Reset search</button> + <button class="large" id="btnSearch" type="button">Search</button> </div> </div>