* added static map field * leaflet draw plugin added to map control * Editable layer working no icons * Save and load data in form field * images and icons working * Locate plugin added, and loads on geolocation * organized map control code * loads layer as per form * new form clears editableLayers * update: leaflet 1.2.0 and leaflet-draw 0.4.2 * changed to ERPNext colors * Multiple map fields and fixes * fixes codacy suggestions * loaded geojson data editable * Map layers editable * add only one layer on draw:create * code organized with helper functions * Replaced Leaflet Draw with Leaflet Editable * read values from database * layers saved in db * Using Patched Leaflet Draw (mobile-friendly) * Working Map field with multiple forms open * Leaflet Draw css image path fix * Leaflet Draw Fixes Leaflet draw css image paths Fixes Circle marker and Circle * locate to geolocation or set featurecollection as center * [fix] leaflet fitBounds padding 50,50 * [Fix] Leaflet (auto) locate * Map field basic test * added refresh button on map * Mute map geojson in print format * renamed Map field to Geolocation * Suggested changes and fixes * eslint disable * csslint allow important
56 lines
995 B
CSS
56 lines
995 B
CSS
.leaflet-bar button,
|
|
.leaflet-bar button:hover {
|
|
background-color: #fff;
|
|
border: none;
|
|
border-bottom: 1px solid #ccc;
|
|
width: 26px;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
display: block;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
.leaflet-bar button {
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
|
|
.leaflet-bar button:hover {
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
.leaflet-bar button:first-of-type {
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
|
|
.leaflet-bar button:last-of-type {
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.leaflet-bar.disabled,
|
|
.leaflet-bar button.disabled {
|
|
cursor: default;
|
|
pointer-events: none;
|
|
opacity: .4;
|
|
}
|
|
|
|
.easy-button-button .button-state{
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
.leaflet-touch .leaflet-bar button {
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|