diff options
| author | bobzel <zzzman@gmail.com> | 2022-03-19 11:47:17 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2022-03-19 11:47:17 -0400 |
| commit | faf59388b9a8b4bf1f335b682d930ef14ab022a7 (patch) | |
| tree | c8b736caffd59d338bc8aa993bb2b702d8b98dfc /src | |
| parent | 176713896b1e2492441db4e4792e9032a100c8ce (diff) | |
fixed mapBox searchbox menu to not disappear when you go to click on it.
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/nodes/MapBox/MapBox.tsx | 20 |
1 files changed, 19 insertions, 1 deletions
diff --git a/src/client/views/nodes/MapBox/MapBox.tsx b/src/client/views/nodes/MapBox/MapBox.tsx index aa2130af5..fc1edb2b1 100644 --- a/src/client/views/nodes/MapBox/MapBox.tsx +++ b/src/client/views/nodes/MapBox/MapBox.tsx @@ -594,7 +594,25 @@ export class MapBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProps <Autocomplete onLoad={this.setSearchBox} onPlaceChanged={this.handlePlaceChanged}> - <input ref={this.inputRef} className="searchbox" type="text" placeholder="Search anywhere:" /> + <input ref={this.inputRef} + type="text" + placeholder="Customized your placeholder" + style={{ + boxSizing: `border-box`, + border: `1px solid transparent`, + width: `240px`, + height: `32px`, + padding: `0 12px`, + borderRadius: `3px`, + boxShadow: `0 2px 6px rgba(0, 0, 0, 0.3)`, + fontSize: `14px`, + outline: `none`, + textOverflow: `ellipses`, + position: "absolute", + left: "50%", + marginLeft: "-120px" + }} + /> </Autocomplete> {this.renderMarkers()} |