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