CartoDB/cartodb20

View on GitHub
assets/stylesheets/map/map.scss

Summary

Maintainability
Test Coverage
/*
 * Map panel for table view
 */

div.map {
  z-index: 1;
  box-sizing: border-box;
  background: #333 url($assetsDir + '/images/layout/noise.png') repeat 0 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.map,
.mobile_bkg {
  padding: 84px 84px 20px 20px;
}

div.map.animated .cartodb-map {
  -moz-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

div.map {
  &.mobile #cartodb-gmaps-attribution {
    display: none;
  }

  &.mobile div.editing {
    z-index: 1000000;
    top: 10px;
    margin-left: -68px;

    span.tooltip {
      left: -68px;
      width: 270px;
    }

    span.tooltip p {
      font-size: 11px;
    }
  }

  &.table { // TABLE'S MAP
    div.cartodb-legend-stack {
      position: absolute;
      right: 80px;
      bottom: 20px;
    }

    .leaflet-right .leaflet-control,
    #cartodb_attribution {
      margin-right: 62px;
    }

    div.cartodb-map div.cartodb-logo {
      bottom: 0 !important;
    }
  }


  /* CartoDB map styles */

  &.table div.cartodb-map {
    position: absolute;
    top: 66px;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
  }

  div.cartodb-map {
    z-index: 1;
  }
}