blob: ddfefcbcd65dcd5670b56ba2179ca5cce579a95c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
|
@use '../colors'
// Leaflet cursor over the map
.leaflet-container
cursor: crosshair !important
&.leaflet-drag-target
cursor: grab !important
.g-Map
display: flex
flex-flow: column
height: 100%
.leaflet-container
flex-grow: 1
min-height: 0
&__Footer
display: flex
align-items: center
justify-content: space-between
line-height: 3rem
background-color: colors.$black
color: white
padding: 0 1rem
&__FooterButtons
display: flex
gap: 1rem
.g-ContextMenu
z-index: 1000
position: absolute
background-color: white
border-radius: var(--context-menu-border-radius)
border: 1px solid #333333
$border-radius: 2px;
&__Entry:first-child
border-top-left-radius: $border-radius
border-top-right-radius: $border-radius
&__Entry:last-child
border-bottom-left-radius: $border-radius
border-bottom-right-radius: $border-radius
&__Entry
padding: 0.5rem 1rem
&:hover
background-color: #DDDDDD
cursor: pointer
/* Marker icon */
.g-Marker
position: relative
width: 100%
height: 100%
&__Base
position: absolute
width: 25px
bottom: calc(50%)
left: 50%
transform: translateX(-50%)
&__Icon
position: absolute
bottom: 25px
display: flex
width: 12px
height: 12px
&__Title
position: absolute
bottom: 47px
line-height: 0.8rem
left: 50%
transform: translateX(-50%)
color: black
font-weight: bold
text-align: center
width: 100px
|
