@woosmap/ui 4.207.0 → 4.209.0
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/package.json
CHANGED
|
@@ -399,11 +399,18 @@ export default class AutocompleteAddressDemo extends Component {
|
|
|
399
399
|
<div className="showcase-wrapper">
|
|
400
400
|
<h2 className="showcase-title">Autocomplete Demo</h2>
|
|
401
401
|
<div className="showcase-header">{this.renderHeaderFilters()}</div>
|
|
402
|
-
|
|
402
|
+
|
|
403
|
+
<div className={`showcase-result ${!selectedLocality ? 'showcase-result--empty' : ''} `}>
|
|
403
404
|
<Tab>
|
|
404
405
|
<div title={tr('Result')} id={selectedLocality && 'click-result'}>
|
|
405
406
|
<div className="showcase-result-wrapper showcase-result-wrapper-2cols">
|
|
406
|
-
{
|
|
407
|
+
{selectedLocality ? (
|
|
408
|
+
this.renderAddress()
|
|
409
|
+
) : (
|
|
410
|
+
<div className="showcase-result-wrapper-col-empty">
|
|
411
|
+
{tr('Please enter a country and an address in the fields above.')}
|
|
412
|
+
</div>
|
|
413
|
+
)}
|
|
407
414
|
</div>
|
|
408
415
|
</div>
|
|
409
416
|
{this.requestUrl ? (
|
|
@@ -413,7 +420,7 @@ export default class AutocompleteAddressDemo extends Component {
|
|
|
413
420
|
disabled={!selectedLocality}
|
|
414
421
|
>
|
|
415
422
|
<div className="showcase-result-wrapper nopad">
|
|
416
|
-
<div className="showcase-request
|
|
423
|
+
<div className="showcase-result-request">
|
|
417
424
|
<h4>{tr('Request')}</h4>
|
|
418
425
|
<CodeSnippet language="bash" codeString={this.renderCurlCode()} />
|
|
419
426
|
</div>
|
|
@@ -49,6 +49,11 @@ $darkSec = $dark20
|
|
|
49
49
|
flex-grow 1
|
|
50
50
|
gap 2.2rem
|
|
51
51
|
position relative
|
|
52
|
+
&-empty
|
|
53
|
+
flex-grow 1
|
|
54
|
+
text-align center
|
|
55
|
+
opacity .4
|
|
56
|
+
margin-bottom 2rem
|
|
52
57
|
h4
|
|
53
58
|
font-weight 400
|
|
54
59
|
margin-bottom 1.6rem
|
|
@@ -68,6 +73,8 @@ $darkSec = $dark20
|
|
|
68
73
|
top 0
|
|
69
74
|
&-response
|
|
70
75
|
background-color $dark2
|
|
76
|
+
&--empty
|
|
77
|
+
height auto
|
|
71
78
|
.tab
|
|
72
79
|
background-color $light
|
|
73
80
|
&__content
|