@abi-software/flatmap-viewer 2.2.13 → 2.3.0-a.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.rst +1 -1
- package/package.json +4 -2
- package/src/annotation.js +487 -0
- package/src/flatmap-viewer.js +21 -6
- package/src/interactions.js +44 -11
- package/static/{flatmap-viewer.css → css/flatmap-viewer.css} +129 -6
- package/static/css/font-awesome.css +2337 -0
- package/static/css/font-awesome.min.css +4 -0
- package/static/fonts/FontAwesome.otf +0 -0
- package/static/fonts/fontawesome-webfont.eot +0 -0
- package/static/fonts/fontawesome-webfont.svg +2671 -0
- package/static/fonts/fontawesome-webfont.ttf +0 -0
- package/static/fonts/fontawesome-webfont.woff +0 -0
- package/static/fonts/fontawesome-webfont.woff2 +0 -0
- /package/static/{favicon.ico → icons/favicon.ico} +0 -0
|
@@ -107,22 +107,22 @@ li.flatmap-contextmenu-item:hover {
|
|
|
107
107
|
/* Navigation control buttons */
|
|
108
108
|
|
|
109
109
|
.maplibregl-ctrl button.navigation-zoom-in {
|
|
110
|
-
background-image: url("images/zoom-in-button.png");
|
|
110
|
+
background-image: url("../images/zoom-in-button.png");
|
|
111
111
|
}
|
|
112
112
|
.maplibregl-ctrl button.navigation-zoom-in:active {
|
|
113
|
-
background-image: url("images/zoom-in-active.png");
|
|
113
|
+
background-image: url("../images/zoom-in-active.png");
|
|
114
114
|
}
|
|
115
115
|
.maplibregl-ctrl button.navigation-zoom-out {
|
|
116
|
-
background-image: url("images/zoom-out-button.png");
|
|
116
|
+
background-image: url("../images/zoom-out-button.png");
|
|
117
117
|
}
|
|
118
118
|
.maplibregl-ctrl button.navigation-zoom-out:active {
|
|
119
|
-
background-image: url("images/zoom-out-active.png");
|
|
119
|
+
background-image: url("../images/zoom-out-active.png");
|
|
120
120
|
}
|
|
121
121
|
.maplibregl-ctrl button.navigation-reset {
|
|
122
|
-
background-image: url("images/reset-map-button.png");
|
|
122
|
+
background-image: url("../images/reset-map-button.png");
|
|
123
123
|
}
|
|
124
124
|
.maplibregl-ctrl button.navigation-reset:active {
|
|
125
|
-
background-image: url("images/reset-map-active.png");
|
|
125
|
+
background-image: url("../images/reset-map-active.png");
|
|
126
126
|
}
|
|
127
127
|
.navigation-group button {
|
|
128
128
|
display: block;
|
|
@@ -236,4 +236,127 @@ label[for=layer-all-layers] {
|
|
|
236
236
|
transform: scale(0.5);
|
|
237
237
|
}
|
|
238
238
|
|
|
239
|
+
/* Annotator */
|
|
240
|
+
.flex-auto {
|
|
241
|
+
flex: 1 1 auto;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
#flatmap-annotation-panel {
|
|
245
|
+
display: flex;
|
|
246
|
+
flex-direction: column;
|
|
247
|
+
flex-wrap: nowrap;
|
|
248
|
+
height: 100%;
|
|
249
|
+
}
|
|
250
|
+
#flatmap-annotation-form
|
|
251
|
+
{
|
|
252
|
+
flex: auto;
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
#flatmap-annotation-feature,
|
|
256
|
+
#flatmap-annotation-form,
|
|
257
|
+
#flatmap-annotation-existing
|
|
258
|
+
{
|
|
259
|
+
padding: 4px;
|
|
260
|
+
}
|
|
261
|
+
#flatmap-annotation-feature,
|
|
262
|
+
#flatmap-annotation-existing
|
|
263
|
+
{
|
|
264
|
+
background-color: #DDD;
|
|
265
|
+
border: 2px solid #888;
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
#flatmap-annotation-existing
|
|
269
|
+
{
|
|
270
|
+
overflow: scroll;
|
|
271
|
+
max-height: 400px;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
.flatmap-annotation-prompt
|
|
275
|
+
{
|
|
276
|
+
font-weight: bold;
|
|
277
|
+
display: inline-block;
|
|
278
|
+
min-width: 80px;
|
|
279
|
+
padding-right: 6px;
|
|
280
|
+
vertical-align: top;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
.flatmap-annotation-value
|
|
284
|
+
{
|
|
285
|
+
display: inline-block;
|
|
286
|
+
vertical-align: top;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
#flatmap-annotation-formdata
|
|
290
|
+
{
|
|
291
|
+
display: flex;
|
|
292
|
+
flex-direction: column;
|
|
293
|
+
flex-wrap: nowrap;
|
|
294
|
+
padding-right: 4px;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
#flatmap-annotation-formdata div
|
|
298
|
+
{
|
|
299
|
+
padding-top: 4px;
|
|
300
|
+
padding-bottom: 4px;
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.flatmap-annotation-entry {
|
|
304
|
+
display: flex;
|
|
305
|
+
flex-wrap: nowrap;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
#flatmap-annotation-form input,
|
|
309
|
+
#flatmap-annotation-form .multiple,
|
|
310
|
+
#flatmap-annotation-form select,
|
|
311
|
+
#flatmap-annotation-form textarea
|
|
312
|
+
{
|
|
313
|
+
flex: auto;
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
#flatmap-annotation-form label
|
|
317
|
+
{
|
|
318
|
+
padding-right: 6px;
|
|
319
|
+
display: inline-block;
|
|
320
|
+
width: 80px;
|
|
321
|
+
}
|
|
322
|
+
#flatmap-annotation-form .multiple,
|
|
323
|
+
#flatmap-annotation-form textarea
|
|
324
|
+
{
|
|
325
|
+
width: 360px;
|
|
326
|
+
}
|
|
327
|
+
#flatmap-annotation-form input[type="text"]
|
|
328
|
+
{
|
|
329
|
+
width: 300px;
|
|
330
|
+
}
|
|
331
|
+
#flatmap-annotation-form .multiple
|
|
332
|
+
{
|
|
333
|
+
padding:0;
|
|
334
|
+
}
|
|
335
|
+
#flatmap-annotation-form select
|
|
336
|
+
{
|
|
337
|
+
width: 160px;
|
|
338
|
+
}
|
|
339
|
+
#flatmap-annotation-form input[type="button"]
|
|
340
|
+
{
|
|
341
|
+
float: right;
|
|
342
|
+
background-color: #BBB;
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
.jsPanel-title {
|
|
346
|
+
font-size: 1.4em !important;
|
|
347
|
+
font-weight: bold !important;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
.jsPanel-content
|
|
351
|
+
{
|
|
352
|
+
background-color: #EEE !important;
|
|
353
|
+
}
|
|
354
|
+
.jsPanel-hdr,
|
|
355
|
+
.jsPanel-ftr
|
|
356
|
+
{
|
|
357
|
+
background-color: #BBB !important;
|
|
358
|
+
}
|
|
359
|
+
.jsPanel-ftr-btn {
|
|
360
|
+
cursor: pointer;
|
|
361
|
+
}
|
|
239
362
|
/* End of file */
|