Commit | Line | Data |
---|---|---|
fb0641f2 MS |
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; | |
8a52619a | 13 | |
fb0641f2 | 14 | .googleMapsCustomControl { |
fb0641f2 MS |
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; | |
8a52619a | 26 | |
fb0641f2 MS |
27 | &:hover { |
28 | background-color: rgb(235, 235, 235); | |
29 | color: rgb(0, 0, 0); | |
30 | } | |
8a52619a | 31 | |
fb0641f2 MS |
32 | &.active { |
33 | color: rgb(0, 0, 0); | |
34 | font-weight: 500; | |
35 | } | |
36 | } | |
37 | } | |
38 | ||
39 | .googleMapsUseLocationSuggestionLink { | |
40 | font-size: $wcfFontSizeSmall; | |
41 | } | |
84de180d MS |
42 | |
43 | .googleMapsDirectionsContainer { | |
32a48a28 MS |
44 | @include screen-lg { |
45 | display: flex; | |
8a52619a | 46 | |
32a48a28 MS |
47 | .googleMap, |
48 | .googleMapsDirections { | |
49 | flex: 0 0 50%; | |
50 | } | |
84de180d | 51 | } |
8a52619a | 52 | |
84de180d | 53 | .googleMapsDirections { |
84de180d MS |
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 | } |