diff options
| -rw-r--r-- | src/client/views/nodes/MapBox/MapBox.scss | 2 | ||||
| -rw-r--r-- | src/client/views/nodes/MapBox/MapBox.tsx | 20 |
2 files changed, 2 insertions, 20 deletions
diff --git a/src/client/views/nodes/MapBox/MapBox.scss b/src/client/views/nodes/MapBox/MapBox.scss index 854da5ed2..fb15520f6 100644 --- a/src/client/views/nodes/MapBox/MapBox.scss +++ b/src/client/views/nodes/MapBox/MapBox.scss @@ -35,7 +35,7 @@ .mapBox-wrapper { width: 100%; - .searchbox { + .mapBox-input { box-sizing: border-box; border: 1px solid transparent; width: 240px; diff --git a/src/client/views/nodes/MapBox/MapBox.tsx b/src/client/views/nodes/MapBox/MapBox.tsx index fc1edb2b1..59e39e051 100644 --- a/src/client/views/nodes/MapBox/MapBox.tsx +++ b/src/client/views/nodes/MapBox/MapBox.tsx @@ -594,25 +594,7 @@ export class MapBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProps <Autocomplete onLoad={this.setSearchBox} onPlaceChanged={this.handlePlaceChanged}> - <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" - }} - /> + <input className="mapBox-input" ref={this.inputRef} type="text" placeholder="Enter location" /> </Autocomplete> {this.renderMarkers()} |