wcfsetup/install/files/style/ui/googleMap.scss

   1 .googleMap {
   2         height: 400px;
   3 }
   4
   5 .sidebarGoogleMap {
   6         height: 250px;
   7 }
   8
   9 // CSS code taken from map type controls
  10 .googleMapsCustomControlContainer {
  11         cursor: pointer !important;
  12         margin-top: 5px;
  13
  14         .googleMapsCustomControl {
  15                 text-align: center;
  16                 position: relative;
  17                 color: rgb(86, 86, 86);
  18                 font-size: 11px !important;
  19                 background-color: rgb(255, 255, 255);
  20                 padding: 1px 6px;
  21                 border-radius: 3px;
  22                 background-clip: padding-box;
  23                 border: 1px solid rgba(0, 0, 0, 0.14902);
  24                 box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
  25                 min-width: 29px;
  26
  27                 &:hover {
  28                         background-color: rgb(235, 235, 235);
  29                         color: rgb(0, 0, 0);
  30                 }
  31
  32                 &.active {
  33                         color: rgb(0, 0, 0);
  34                         font-weight: 500;
  35                 }
  36         }
  37 }
  38
  39 .googleMapsUseLocationSuggestionLink {
  40         font-size: $wcfFontSizeSmall;
  41 }
  42
  43 .googleMapsDirectionsContainer {
  44         @include screen-lg {
  45                 display: flex;
  46
  47                 .googleMap,
  48                 .googleMapsDirections {
  49                         flex: 0 0 50%;
  50                 }
  51         }
  52
  53         .googleMapsDirections {
  54                 height: 400px;
  55                 padding-left: 10px;
  56                 overflow-y: scroll;
  57         }
  58 }
  59
  60 .googleMapsDirectionsGoogleLinkContainer {
  61         display: block;
  62         margin-top: 5px;
  63         text-align: right;
  64 }