Mercurial > hg > batmud > maputils
comparison 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 |
comparison
equal
deleted
inserted
replaced
1792:76079d7293c7 | 1793:e65dde84a6a8 |
---|---|
29 vertical-align: top; | 29 vertical-align: top; |
30 width: 35%; | 30 width: 35%; |
31 border-radius:0.3em; | 31 border-radius:0.3em; |
32 padding: 0.5em; | 32 padding: 0.5em; |
33 } | 33 } |
34 | 34 |
35 #resultsBox { | 35 #resultsBox { |
36 width: 60%; | 36 width: 60%; |
37 height: 100%; | 37 height: 100%; |
38 margin: auto; | 38 margin: auto; |
39 } | 39 } |
40 | 40 |
41 #logBox { | 41 #logBox { |
42 display: inline-block; | 42 display: inline-block; |
43 vertical-align: top; | 43 vertical-align: top; |
44 padding: 0.5em; | 44 padding: 0.5em; |
45 margin-top: 0.5em; | 45 margin-top: 0.5em; |
46 } | 46 } |
47 | 47 |
48 #controls { | 48 #controls { |
49 text-align: right; | 49 text-align: right; |
50 padding: 0.5em; | 50 } |
51 | |
52 #controls button { | |
53 padding-left: 1em; | |
54 padding-right: 1em; | |
55 padding-top: 0.5em; | |
56 padding-bottom: 0.5em; | |
57 margin: 0.5em; | |
58 } | |
59 | |
60 #mapList { | |
61 margin: 0.5em; | |
62 display: block; | |
63 } | |
64 | |
65 #mapList .map + label { | |
66 display: inline; | |
67 padding: 0.25em; | |
68 margin: 0.15em; | |
69 border-radius: 0.2em; | |
70 color: black; | |
71 background: #ccc; | |
72 } | |
73 | |
74 #mapList .map { | |
75 display: none; | |
76 } | |
77 | |
78 #mapList .map:checked + label { | |
79 color: white; | |
80 background: green; | |
81 text-decoration: underline; | |
51 } | 82 } |
52 </style> | 83 </style> |
53 </head> | 84 </head> |
54 <body onload="mapInitSearch()"> | 85 <body onload="mapInitSearch()"> |
55 | 86 |
77 ^^^^^^^^^^^^hh^^^^HH^ | 108 ^^^^^^^^^^^^hh^^^^HH^ |
78 ^^^^^^^^^^^hh^^^^^HH^ | 109 ^^^^^^^^^^^hh^^^^^HH^ |
79 ^^^^^^^^^hhhhvvvvHH^R | 110 ^^^^^^^^^hhhhvvvvHH^R |
80 </textarea> | 111 </textarea> |
81 <div id="controls"> | 112 <div id="controls"> |
82 <button id="btnClear" type="button">Clear</button> | 113 <div id="mapList"></div> |
83 <button id="btnSearch" type="button">Search</button> | 114 <button id="btnMaps" type="button">C^</button> |
115 <button class="large" id="btnReset" type="button">Reset search</button> | |
116 <button class="large" id="btnSearch" type="button">Search</button> | |
84 </div> | 117 </div> |
85 </div> | 118 </div> |
86 | 119 |
87 <div id="resultsBox"> | 120 <div id="resultsBox"> |
88 <h2>Results</h2> | 121 <h2>Results</h2> |