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>