@opensystemslab/map 0.4.8 → 0.5.1
Sign up to get free protection for your applications and to get access to all the features.
package/dist/index.html
CHANGED
|
@@ -12,6 +12,23 @@
|
|
|
12
12
|
href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&display=swap"
|
|
13
13
|
rel="stylesheet"
|
|
14
14
|
/>
|
|
15
|
+
<!-- Examples of available style options for address-autocomplete -->
|
|
16
|
+
<!-- <style>
|
|
17
|
+
address-autocomplete {
|
|
18
|
+
--autocomplete__input__padding: 6px 40px 7px 12px;
|
|
19
|
+
--autocomplete__input__font-size: 15px;
|
|
20
|
+
--autocomplete__input__height: 50px;
|
|
21
|
+
--autocomplete__dropdown-arrow-down__top: 16px;
|
|
22
|
+
--autocomplete__dropdown-arrow-down__z-index: 2;
|
|
23
|
+
--autocomplete__option__font-size: 15px;
|
|
24
|
+
--autocomplete__option__padding: 6px 12px 7px 12px;
|
|
25
|
+
--autocomplete__menu__max-height: 336px;
|
|
26
|
+
--autocomplete__option__border-bottom: solid 1px grey;
|
|
27
|
+
--autocomplete__option__hover-border-color: rgb(0, 99, 96);
|
|
28
|
+
--autocomplete__option__hover-background-color: rgb(0, 99, 96);
|
|
29
|
+
--autocomplete__font-family: "Courier New";
|
|
30
|
+
}
|
|
31
|
+
</style> -->
|
|
15
32
|
</head>
|
|
16
33
|
<body>
|
|
17
34
|
<div style="display:flex;flex-direction:column;">
|
|
@@ -22,7 +39,7 @@
|
|
|
22
39
|
<div style="margin-bottom:1em">
|
|
23
40
|
<postcode-search hintText="Optional hint text shows up here" id="example-postcode" />
|
|
24
41
|
</div>
|
|
25
|
-
<div style="margin-bottom:1em;">
|
|
42
|
+
<div style="margin-bottom:1em; background-color: white;">
|
|
26
43
|
<!--
|
|
27
44
|
Examples (as of March 2022):
|
|
28
45
|
SE5 OHU (Southwark): default/"standard" postcode example, fetches 65 LPI addresses
|
|
@@ -33,7 +50,7 @@
|
|
|
33
50
|
Example with default value (used for planx "change" & "back" button behavior):
|
|
34
51
|
<address-autocomplete postcode="SE5 0HU" id="example-autocomplete" initialAddress="75, COBOURG ROAD, LONDON" />
|
|
35
52
|
-->
|
|
36
|
-
<address-autocomplete postcode="SE5 0HU" id="example-autocomplete" />
|
|
53
|
+
<address-autocomplete postcode="SE5 0HU" id="example-autocomplete" arrowStyle="light"/>
|
|
37
54
|
</div>
|
|
38
55
|
</div>
|
|
39
56
|
<script>
|