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