muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-05-02 14:36:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed delete buttons

Browse source
This commit is contained in:
muerwre 2019-02-13 11:52:06 +07:00
parent 2cf92a52cf
commit 3b85579645
2 changed files with 18 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/modules/Sticker.js
View file

@ -19,13 +19,14 @@ export class Sticker {
this.map = map; this.map = map;
this.sticker = sticker; this.sticker = sticker;
this.set = set; this.set = set;
this.editable = true; // this.editable = true;
this.triggerOnChange = triggerOnChange; this.triggerOnChange = triggerOnChange;
this.direction = getLabelDirection(this.angle); this.direction = getLabelDirection(this.angle);
this.deleteSticker = deleteSticker; this.deleteSticker = deleteSticker;
this.lockMapClicks = lockMapClicks; this.lockMapClicks = lockMapClicks;
this.element = document.createElement('div'); this.element = document.createElement('div');
ReactDOM.render( ReactDOM.render(
<React.Fragment> <React.Fragment>
<div <div
@ -49,6 +50,7 @@ export class Sticker {
<div <div
className="sticker-delete" className="sticker-delete"
onMouseDown={this.onDelete} onMouseDown={this.onDelete}
onTouchStart={this.onDelete}
/> />
</div> </div>
</React.Fragment>, </React.Fragment>,

15
src/styles/stickers.less
View file

@ -139,6 +139,21 @@
&:hover { &:hover {
transform: scale(1.2) !important; transform: scale(1.2) !important;
} }
&::before, &::after {
content: ' ';
position: absolute;
left: 11px;
top: 6px;
width: 2px;
height: 12px;
background: white;
transform: rotate(45deg);
}
&::after {
transform: rotate(-45deg);
}
} }
.leaflet-control-container .leaflet-routing-container-hide { .leaflet-control-container .leaflet-routing-container-hide {