Use prettier for SCSS (#3895)
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / googleMap.scss
CommitLineData
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}