Commit b2ef37a2 authored by Kevin Di Lallo's avatar Kevin Di Lallo
Browse files

map styling updates & fixes

parent 90dac9cf

js-apps/meep-frontend/src/css/meep-controller.scss

+59 −0
Original line number Diff line number Diff line
@@ -165,3 +165,62 @@ select { 
    height: 50px;

    vertical-align: middle;

}



// Markers

.custom-marker-pin {

    width: 28px;

    height: 28px;

    border-radius: 50% 50% 50% 0;

    background: #00ccff;

    position: absolute;

    transform: rotate(-45deg);

    left: 50%;

    top: 50%;

    margin: -15px 0 0 -15px;

    border: 1px solid;

    border-color: #00a3cc;

}

// to draw white circle

.custom-marker-pin::after {

    content: '';

    width: 24px;

    height: 24px;

    margin: 2px 0 0 2px;

    background: #ffffff;

    position: absolute;

    border-radius: 50%;

}



// to align icon

.custom-marker-icon {

    position: absolute;

    width: 20px;

    font-size: 20px;

    left: 0;

    right: 0;

    margin: 11px auto;

    text-align: center;

    vertical-align: middle;

}



.custom-marker-icon-text {

    position: absolute;

    width: 20px;

    height: 20px;

    font-size: 8px;

    left: 0;

    right: 0;

    margin: 11px auto;

    // text-align: center;

    vertical-align: middle;

    font-family: 'Roboto';

    font-weight: 600;

}



.custom-marker-text {

    height: 20px;

    margin: 12px auto;

    font-size: 12px;

    font-family: 'Roboto';

    font-weight: 600;

}

js-apps/meep-frontend/src/js/containers/idc-map.js

+361 −102

File changed.

Preview size limit exceeded, changes collapsed.

js-apps/meep-frontend/src/js/containers/meep-container.js

+2 −1
Original line number Diff line number Diff line
@@ -360,9 +360,10 @@ class MeepContainer extends Component { 


    // Dispatch state updates

    if (pageType === TYPE_CFG) {

      this.props.cfgChangeMap(updatedMapData);

      this.props.cfgChangeVisData(updatedVisData);

      this.props.cfgChangeTable(updatedTable);

      // Update map after table to make sure latest entries are available

      this.props.cfgChangeMap(updatedMapData);



      const vis = this.props.cfgVis;

      if (vis && vis.network && vis.network.setData) {

js-apps/meep-frontend/src/js/meep-controller.js

+1 −0
Original line number Diff line number Diff line
@@ -20,6 +20,7 @@ import 'leaflet/dist/leaflet.css'; 
import 'mapbox-gl/dist/mapbox-gl.css';

import '@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css';

import 'vis/dist/vis.min.css';

import 'ionicons/scss/ionicons.scss';

import '../css/meep-controller.scss';



// Import module dependencies