projects / GitHub / WoltLab / WCF.git / blame
| Commit | Line | Data |
|---|---|---|
| fb0641f2 MS |
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 | } | |
| 84de180d MS |
46 | |
| 47 | .googleMapsDirectionsContainer { | |
| 32a48a28 MS |
48 | @include screen-lg { |
| 49 | display: flex; | |
| 50 | ||
| 51 | .googleMap, | |
| 52 | .googleMapsDirections { | |
| 53 | flex: 0 0 50%; | |
| 54 | } | |
| 84de180d MS |
55 | } |
| 56 | ||
| 57 | .googleMapsDirections { | |
| 84de180d MS |
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 | } |