@wenle_2523097/agri-map 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/dist/components/ConfigProvider/index.d.ts +15 -0
  2. package/dist/components/DualScaleControl/index.d.ts +10 -0
  3. package/dist/components/Icons/SelectIcon.d.ts +68 -0
  4. package/dist/components/Icons/index.d.ts +43 -0
  5. package/dist/components/Irrigation/index.d.ts +8 -0
  6. package/dist/components/Irrigation/toolbar.d.ts +6 -0
  7. package/dist/components/Loading/index.d.ts +40 -0
  8. package/dist/components/MapContent/index.d.ts +17 -0
  9. package/dist/components/MapSizeHandler/index.d.ts +24 -0
  10. package/dist/components/Marker/ClusterView.d.ts +29 -0
  11. package/dist/components/Marker/MapClickHandler.d.ts +25 -0
  12. package/dist/components/Marker/index.d.ts +61 -0
  13. package/dist/components/Marker/parseClusterConfig.d.ts +25 -0
  14. package/dist/components/Marker/toolbar.d.ts +6 -0
  15. package/dist/components/Marker/useEditHandlers.d.ts +44 -0
  16. package/dist/components/Marker/useIconConfig.d.ts +23 -0
  17. package/dist/components/Marker/useMarkerCommands.d.ts +30 -0
  18. package/dist/components/Measurement/toolbar.d.ts +20 -0
  19. package/dist/components/MiniMap/index.d.ts +16 -0
  20. package/dist/components/Notification/index.d.ts +12 -0
  21. package/dist/components/PlotGroupLayer/index.d.ts +8 -0
  22. package/dist/components/PlotLayer/index.d.ts +7 -0
  23. package/dist/components/PlotLayer/label.d.ts +12 -0
  24. package/dist/components/PlotLayer/leaflet-types.d.ts +59 -0
  25. package/dist/components/PlotLayer/parseConfig.d.ts +15 -0
  26. package/dist/components/PlotLayer/toolbar.d.ts +6 -0
  27. package/dist/components/PlotLayer/types.d.ts +10 -0
  28. package/dist/components/PlotLayer/usePlotCommands.d.ts +33 -0
  29. package/dist/components/PlotLayer/usePlotData.d.ts +32 -0
  30. package/dist/components/PlotLayer/usePlotEditMode.d.ts +92 -0
  31. package/dist/components/Road/index.d.ts +8 -0
  32. package/dist/components/Road/toolbar.d.ts +6 -0
  33. package/dist/components/TianDiTuLayer/index.d.ts +15 -0
  34. package/dist/components/Track/ClusterView.d.ts +20 -0
  35. package/dist/components/Track/TrackView.d.ts +24 -0
  36. package/dist/components/Track/commands.d.ts +53 -0
  37. package/dist/components/Track/constants.d.ts +34 -0
  38. package/dist/components/Track/index.d.ts +54 -0
  39. package/dist/components/Track/parseConfig.d.ts +40 -0
  40. package/dist/components/Track/types.d.ts +38 -0
  41. package/dist/components/Track/useMarkerIcon.d.ts +14 -0
  42. package/dist/components/Track/useTrackCommands.d.ts +56 -0
  43. package/dist/components/shared/BaseEditToolbar.d.ts +100 -0
  44. package/dist/components/shared/ToolbarButton.d.ts +49 -0
  45. package/dist/components/shared/index.d.ts +5 -0
  46. package/dist/constants/device.d.ts +14 -0
  47. package/dist/constants/index.d.ts +20 -0
  48. package/dist/constants/map.d.ts +13 -0
  49. package/dist/constants/plot.d.ts +33 -0
  50. package/dist/constants/road.d.ts +12 -0
  51. package/dist/constants/styles.d.ts +57 -0
  52. package/dist/constants/theme.d.ts +47 -0
  53. package/dist/constants/unit.d.ts +11 -0
  54. package/dist/hooks/index.d.ts +8 -0
  55. package/dist/hooks/useEditMode.d.ts +75 -0
  56. package/dist/hooks/useLatestRef.d.ts +17 -0
  57. package/dist/hooks/usePolylineEditor.d.ts +65 -0
  58. package/dist/hooks/usePolylineRenderer.d.ts +34 -0
  59. package/dist/hooks/useTheme.d.ts +13 -0
  60. package/dist/index.d.ts +312 -0
  61. package/dist/index.esm.js +30 -0
  62. package/dist/index.esm.js.map +1 -1
  63. package/dist/index.js +30 -0
  64. package/dist/index.js.map +1 -1
  65. package/dist/index.umd.js +30 -0
  66. package/dist/index.umd.js.map +1 -1
  67. package/dist/types/basic.d.ts +57 -0
  68. package/dist/types/components.d.ts +56 -0
  69. package/dist/types/config.d.ts +112 -0
  70. package/dist/types/decorator.d.ts +26 -0
  71. package/dist/types/icon.d.ts +52 -0
  72. package/dist/types/index.d.ts +20 -0
  73. package/dist/types/irrigation.d.ts +315 -0
  74. package/dist/types/layer.d.ts +40 -0
  75. package/dist/types/loading.d.ts +62 -0
  76. package/dist/types/marker.d.ts +299 -0
  77. package/dist/types/measurement.d.ts +121 -0
  78. package/dist/types/notification.d.ts +50 -0
  79. package/dist/types/plot.d.ts +479 -0
  80. package/dist/types/road.d.ts +382 -0
  81. package/dist/types/toolbar.d.ts +176 -0
  82. package/dist/types/track.d.ts +386 -0
  83. package/dist/utils/area.d.ts +57 -0
  84. package/dist/utils/clusterIcon.d.ts +16 -0
  85. package/dist/utils/createAntPath.d.ts +13 -0
  86. package/dist/utils/geometry.d.ts +41 -0
  87. package/dist/utils/iconCache.d.ts +49 -0
  88. package/dist/utils/iconUtils.d.ts +46 -0
  89. package/dist/utils/index.d.ts +11 -0
  90. package/dist/utils/leafletIcons.d.ts +40 -0
  91. package/dist/utils/mapAnimation.d.ts +14 -0
  92. package/dist/utils/markerSvg.d.ts +19 -0
  93. package/dist/utils/pulseIcon.d.ts +28 -0
  94. package/dist/utils/spatialIndex.d.ts +56 -0
  95. package/dist/utils/toggleItemState.d.ts +15 -0
  96. package/dist/utils/trackSimplify.d.ts +23 -0
  97. package/package.json +7 -3
  98. package/dist/index.css +0 -4635
  99. package/dist/index.css.map +0 -1
package/dist/index.css DELETED
@@ -1,4635 +0,0 @@
1
- @charset "UTF-8";
2
- /**
3
- * 样式主入口
4
- * @description 统一导出所有样式
5
- */
6
- /**
7
- * 编辑工具栏公共样式
8
- * @description 通过 mixin 实现可复用的工具栏样式
9
- *
10
- * 设计参考:Ant Design 5.x Button / Button Group
11
- * - 按钮间用 ::before 伪元素分割线,非 border-right
12
- * - 完整的 default / hover / active / disabled 状态链
13
- * - primary / danger 变体遵循 antd 色板
14
- * - 深色主题使用 [data-theme="dark"] 选择器
15
- */
16
- /**
17
- * 公共变量
18
- * @description 定义全局可复用的 SCSS 变量
19
- *
20
- * ⚠️ 本文件为项目主题的唯一源(Single Source of Truth)。
21
- * src/constants/theme.ts 中的 THEME_CSS_VARS 必须与本文件保持同步。
22
- */
23
- /**
24
- * 工具栏基础样式 mixin(Light)
25
- * @param prefix - 类名前缀
26
- * @param primary-color - 主色调(可选,默认 $color-primary)
27
- */
28
- /**
29
- * 工具栏深色主题 mixin
30
- * @param prefix - 类名前缀
31
- * @param primary-color - 主色调(可选,默认 $dark-color-primary)
32
- */
33
- /**
34
- * Leaflet 深色主题样式
35
- * @description 为 Leaflet 地图组件提供深色主题支持
36
- * 当 .leaflet-container 上设置 data-theme="dark" 时自动生效
37
- */
38
- .leaflet-container[data-theme=dark] .leaflet-popup-content-wrapper {
39
- background: #1f1f1f !important;
40
- color: #e0e0e0 !important;
41
- box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4) !important;
42
- }
43
- .leaflet-container[data-theme=dark] .leaflet-popup-content {
44
- color: #e0e0e0 !important;
45
- }
46
- .leaflet-container[data-theme=dark] .leaflet-popup-tip {
47
- background: #1f1f1f !important;
48
- box-shadow: none !important;
49
- }
50
- .leaflet-container[data-theme=dark] .leaflet-popup-close-button {
51
- color: #a0a0a0 !important;
52
- }
53
- .leaflet-container[data-theme=dark] .leaflet-popup-close-button:hover {
54
- color: #fff !important;
55
- }
56
- .leaflet-container[data-theme=dark] .leaflet-tooltip {
57
- background: #1f1f1f !important;
58
- color: #e0e0e0 !important;
59
- border-color: #444 !important;
60
- box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4) !important;
61
- }
62
- .leaflet-container[data-theme=dark] .leaflet-tooltip.leaflet-zoom-animated {
63
- background-color: #1f1f1f !important;
64
- }
65
- .leaflet-container[data-theme=dark] .leaflet-tooltip .marker-popup {
66
- background: transparent !important;
67
- }
68
- .leaflet-container[data-theme=dark] .leaflet-tooltip-left::before {
69
- border-left-color: #1f1f1f !important;
70
- }
71
- .leaflet-container[data-theme=dark] .leaflet-tooltip-right::before {
72
- border-right-color: #1f1f1f !important;
73
- }
74
- .leaflet-container[data-theme=dark] .leaflet-tooltip-top::before {
75
- border-top-color: #1f1f1f !important;
76
- }
77
- .leaflet-container[data-theme=dark] .leaflet-tooltip-bottom::before {
78
- border-bottom-color: #1f1f1f !important;
79
- }
80
- .leaflet-container[data-theme=dark] .leaflet-control-zoom {
81
- background: #1f1f1f !important;
82
- border-color: #333 !important;
83
- }
84
- .leaflet-container[data-theme=dark] .leaflet-control-zoom a {
85
- background: #1f1f1f !important;
86
- color: #e0e0e0 !important;
87
- border-color: #333 !important;
88
- }
89
- .leaflet-container[data-theme=dark] .leaflet-control-zoom a:hover {
90
- background: #3a3a3a !important;
91
- }
92
- .leaflet-container[data-theme=dark] .leaflet-control-attribution {
93
- background: rgba(0, 0, 0, 0.5) !important;
94
- color: #a0a0a0 !important;
95
- }
96
- .leaflet-container[data-theme=dark] .leaflet-control-attribution a {
97
- color: #66bb6a !important;
98
- }
99
-
100
- [data-theme=dark] .leaflet-popup-content-wrapper {
101
- background: #1f1f1f !important;
102
- color: #e0e0e0 !important;
103
- box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4) !important;
104
- }
105
- [data-theme=dark] .leaflet-popup-content {
106
- color: #e0e0e0 !important;
107
- }
108
- [data-theme=dark] .leaflet-popup-tip {
109
- background: #1f1f1f !important;
110
- }
111
- [data-theme=dark] .leaflet-popup-close-button {
112
- color: #a0a0a0 !important;
113
- }
114
- [data-theme=dark] .leaflet-popup-close-button:hover {
115
- color: #fff !important;
116
- }
117
- [data-theme=dark] .leaflet-tooltip {
118
- background: #1f1f1f !important;
119
- color: #e0e0e0 !important;
120
- border-color: #444 !important;
121
- box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4) !important;
122
- }
123
- [data-theme=dark] .leaflet-tooltip.leaflet-zoom-animated {
124
- background-color: #1f1f1f !important;
125
- }
126
- [data-theme=dark] .leaflet-tooltip .marker-popup {
127
- background: transparent !important;
128
- }
129
- [data-theme=dark] .leaflet-tooltip-left::before {
130
- border-left-color: #1f1f1f !important;
131
- }
132
- [data-theme=dark] .leaflet-tooltip-right::before {
133
- border-right-color: #1f1f1f !important;
134
- }
135
- [data-theme=dark] .leaflet-tooltip-top::before {
136
- border-top-color: #1f1f1f !important;
137
- }
138
- [data-theme=dark] .leaflet-tooltip-bottom::before {
139
- border-bottom-color: #1f1f1f !important;
140
- }
141
- [data-theme=dark] .leaflet-control-zoom {
142
- background: #1f1f1f !important;
143
- border-color: #333 !important;
144
- }
145
- [data-theme=dark] .leaflet-control-zoom a {
146
- background: #1f1f1f !important;
147
- color: #e0e0e0 !important;
148
- border-color: #333 !important;
149
- }
150
- [data-theme=dark] .leaflet-control-zoom a:hover {
151
- background: #3a3a3a !important;
152
- }
153
- [data-theme=dark] .leaflet-control-attribution {
154
- background: rgba(0, 0, 0, 0.5) !important;
155
- color: #a0a0a0 !important;
156
- }
157
- [data-theme=dark] .leaflet-control-attribution a {
158
- color: #66bb6a !important;
159
- }
160
-
161
- /**
162
- * 双向标尺样式 - L型布局
163
- * 覆盖整个地图窗口,标尺贴边显示
164
- */
165
- /**
166
- * 公共 Mixins
167
- * @description 定义全局可复用的 SCSS mixins
168
- */
169
- /**
170
- * 主题感知背景色
171
- * @param $property CSS 属性名
172
- */
173
- /**
174
- * 控件基础样式
175
- */
176
- /**
177
- * 文本截断
178
- */
179
- /**
180
- * Flex 居中
181
- */
182
- /**
183
- * 绝对定位填充
184
- */
185
- /**
186
- * 清除默认按钮样式
187
- */
188
- .leaflet-control-dual-scale {
189
- position: absolute;
190
- top: 0;
191
- left: 0;
192
- right: 0;
193
- bottom: 0;
194
- width: 100%;
195
- height: 100%;
196
- background: transparent !important;
197
- margin: 0 !important;
198
- padding: 0;
199
- pointer-events: none;
200
- z-index: 500;
201
- float: none;
202
- clear: none;
203
- border: none !important;
204
- box-shadow: none !important;
205
- outline: none !important;
206
- --control-bg: rgba(255, 255, 255, 0.85);
207
- --control-text: #333;
208
- }
209
-
210
- .leaflet-control-dual-scale:hover,
211
- .leaflet-control-dual-scale:focus,
212
- .leaflet-control-dual-scale:active {
213
- background: transparent !important;
214
- border: none !important;
215
- box-shadow: none !important;
216
- outline: none !important;
217
- }
218
-
219
- .scale {
220
- position: absolute;
221
- top: 10px;
222
- left: 10px;
223
- right: 0;
224
- bottom: 0;
225
- width: calc(100% - 20px);
226
- height: calc(100% - 20px);
227
- pointer-events: none;
228
- --tick-interval: 50px;
229
- --scale-color: rgba(51, 51, 51, 0.7);
230
- }
231
- .scale::before, .scale::after {
232
- content: "";
233
- position: absolute;
234
- z-index: 501;
235
- pointer-events: none;
236
- }
237
- .scale::before {
238
- width: 5px;
239
- height: 100%;
240
- left: 0;
241
- top: 0;
242
- border-left: 2px solid var(--scale-color);
243
- transform: rotateX(180deg);
244
- background: repeating-linear-gradient(180deg, transparent, transparent var(--tick-interval), var(--scale-color), var(--scale-color) calc(var(--tick-interval) + 2px));
245
- }
246
- .scale::after {
247
- width: 100%;
248
- height: 5px;
249
- bottom: 0px;
250
- left: 0;
251
- border-bottom: 2px solid var(--scale-color);
252
- background: repeating-linear-gradient(90deg, transparent, transparent var(--tick-interval), var(--scale-color), var(--scale-color) calc(var(--tick-interval) + 2px));
253
- }
254
-
255
- .scale-text {
256
- position: absolute;
257
- bottom: 12px;
258
- left: 12px;
259
- z-index: 502;
260
- background-color: var(--control-bg);
261
- padding: 2px 8px;
262
- color: var(--control-text);
263
- font-size: 12px;
264
- font-weight: 500;
265
- border-radius: 3px;
266
- pointer-events: none;
267
- width: calc(var(--tick-interval) - 2px);
268
- min-width: 58px !important;
269
- text-align: center;
270
- box-sizing: border-box;
271
- }
272
-
273
- /* 缩放控件 - 位置由 JS 动态设置 */
274
- .zoom-control {
275
- position: absolute;
276
- z-index: 501;
277
- display: inline-flex;
278
- flex-direction: column;
279
- pointer-events: none;
280
- border-radius: 6px;
281
- overflow: hidden;
282
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
283
- background: transparent;
284
- }
285
-
286
- .zoom-control:hover {
287
- background: transparent;
288
- }
289
-
290
- .zoom-btn {
291
- width: 32px;
292
- height: 32px;
293
- border: none;
294
- background: var(--control-bg);
295
- background-color: var(--control-bg);
296
- color: var(--control-text);
297
- font-size: 20px;
298
- font-weight: bold;
299
- cursor: pointer;
300
- display: flex;
301
- align-items: center;
302
- justify-content: center;
303
- transition: background-color 0.2s ease;
304
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
305
- pointer-events: auto;
306
- box-shadow: none;
307
- outline: none;
308
- }
309
-
310
- .zoom-btn:last-of-type {
311
- border-bottom: none;
312
- }
313
-
314
- .zoom-btn:hover {
315
- background: rgba(255, 255, 255, 0.95);
316
- background-color: rgba(255, 255, 255, 0.95);
317
- box-shadow: none;
318
- outline: none;
319
- }
320
-
321
- .zoom-btn:focus {
322
- box-shadow: none;
323
- outline: none;
324
- }
325
-
326
- .zoom-level {
327
- width: 32px;
328
- height: 28px;
329
- display: flex;
330
- align-items: center;
331
- justify-content: center;
332
- background: var(--control-bg);
333
- background-color: var(--control-bg);
334
- color: var(--control-text);
335
- font-size: 12px;
336
- font-weight: 600;
337
- border-top: 1px solid rgba(0, 0, 0, 0.1);
338
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
339
- }
340
-
341
- /* 深色主题 */
342
- [data-theme=dark] .leaflet-control-dual-scale {
343
- --control-bg: rgba(0, 0, 0, 0.7);
344
- --control-text: #fff;
345
- }
346
- [data-theme=dark] .leaflet-control-dual-scale .scale {
347
- --scale-color: rgba(255, 255, 255, 0.7);
348
- }
349
- [data-theme=dark] .leaflet-control-dual-scale .scale::before, [data-theme=dark] .leaflet-control-dual-scale .scale::after {
350
- border-color: var(--scale-color);
351
- }
352
- [data-theme=dark] .leaflet-control-dual-scale .scale-text {
353
- color: var(--control-text);
354
- background-color: var(--control-bg);
355
- }
356
- [data-theme=dark] .leaflet-control-dual-scale .zoom-control {
357
- background: transparent;
358
- }
359
- [data-theme=dark] .leaflet-control-dual-scale .zoom-btn {
360
- background: var(--control-bg);
361
- background-color: var(--control-bg);
362
- color: var(--control-text);
363
- border-bottom-color: rgba(255, 255, 255, 0.2);
364
- box-shadow: none;
365
- outline: none;
366
- }
367
- [data-theme=dark] .leaflet-control-dual-scale .zoom-btn:hover {
368
- background: rgba(0, 0, 0, 0.85);
369
- background-color: rgba(0, 0, 0, 0.85);
370
- box-shadow: none;
371
- outline: none;
372
- }
373
- [data-theme=dark] .leaflet-control-dual-scale .zoom-btn:focus {
374
- box-shadow: none;
375
- outline: none;
376
- }
377
- [data-theme=dark] .leaflet-control-dual-scale .zoom-level {
378
- background: var(--control-bg);
379
- background-color: var(--control-bg);
380
- color: var(--control-text);
381
- border-top-color: rgba(255, 255, 255, 0.2);
382
- border-bottom-color: rgba(255, 255, 255, 0.2);
383
- }
384
-
385
- /* 深色主题 - 通过 .dark 类名 */
386
- .leaflet-control-dual-scale.dark {
387
- --control-bg: rgba(0, 0, 0, 0.7);
388
- --control-text: #fff;
389
- }
390
- .leaflet-control-dual-scale.dark .scale {
391
- --scale-color: rgba(255, 255, 255, 0.7);
392
- }
393
- .leaflet-control-dual-scale.dark .scale::before, .leaflet-control-dual-scale.dark .scale::after {
394
- border-color: var(--scale-color);
395
- }
396
- .leaflet-control-dual-scale.dark .scale-text {
397
- color: var(--control-text);
398
- background-color: var(--control-bg);
399
- }
400
- .leaflet-control-dual-scale.dark .zoom-control {
401
- background: transparent;
402
- }
403
- .leaflet-control-dual-scale.dark .zoom-btn {
404
- background: var(--control-bg);
405
- background-color: var(--control-bg);
406
- color: var(--control-text);
407
- border-bottom-color: rgba(255, 255, 255, 0.2);
408
- box-shadow: none;
409
- outline: none;
410
- }
411
- .leaflet-control-dual-scale.dark .zoom-btn:hover {
412
- background: rgba(0, 0, 0, 0.85);
413
- background-color: rgba(0, 0, 0, 0.85);
414
- box-shadow: none;
415
- outline: none;
416
- }
417
- .leaflet-control-dual-scale.dark .zoom-btn:focus {
418
- box-shadow: none;
419
- outline: none;
420
- }
421
- .leaflet-control-dual-scale.dark .zoom-level {
422
- background: var(--control-bg);
423
- background-color: var(--control-bg);
424
- color: var(--control-text);
425
- border-top-color: rgba(255, 255, 255, 0.2);
426
- border-bottom-color: rgba(255, 255, 255, 0.2);
427
- }
428
-
429
- /**
430
- * 双向标尺样式 - L型布局
431
- * 覆盖整个地图窗口,标尺贴边显示
432
- */
433
- /**
434
- * 样式主入口
435
- * @description 统一导出所有样式
436
- */
437
- /**
438
- * Marker 组件样式
439
- * 包含图标动画效果
440
- */
441
- .marker-icon-wrapper {
442
- background: transparent !important;
443
- border: none !important;
444
- }
445
- .marker-icon-wrapper.marker-icon-wrapper--selected .marker-icon-inner {
446
- filter: drop-shadow(0 0 8px rgba(24, 144, 255, 0.8));
447
- }
448
- .marker-icon-wrapper.marker-icon-wrapper--editing .marker-icon-inner {
449
- filter: drop-shadow(0 0 10px rgba(22, 119, 255, 0.9));
450
- }
451
- .marker-icon-wrapper.marker-icon-wrapper--movable {
452
- cursor: move;
453
- }
454
-
455
- .marker-icon-inner {
456
- display: block;
457
- background-size: 100% 2400%;
458
- background-repeat: no-repeat;
459
- background-position: center top;
460
- }
461
- .marker-icon-inner.icon-point {
462
- background-image: url("./icon/marker/point.png");
463
- }
464
- .marker-icon-inner.icon-position {
465
- background-image: url("./icon/marker/position.png");
466
- }
467
- .marker-icon-inner.icon-position-red {
468
- background-image: url("./icon/marker/position-red.png");
469
- }
470
- .marker-icon-inner.icon-drone {
471
- background-image: url("./icon/marker/drone.png");
472
- }
473
- .marker-icon-inner.icon-down {
474
- background-image: url("./icon/marker/down.png");
475
- }
476
- .marker-icon-inner.animated {
477
- background-size: 100% 2400%;
478
- animation-name: play;
479
- animation-duration: 1s;
480
- animation-iteration-count: infinite;
481
- background-position: 0px 0px;
482
- }
483
-
484
- .marker-icon-inner.marker-custom-icon.animated,
485
- .marker-icon-inner.marker-svg-icon.animated {
486
- animation: custom-icon-bounce 1.5s ease-in-out infinite;
487
- }
488
-
489
- .marker-icon-inner.marker-pin-icon.animated {
490
- animation: none;
491
- }
492
-
493
- .marker-icon-inner.marker-pulse-icon.animated {
494
- animation: none;
495
- }
496
-
497
- .marker-icon-inner.icon-tractor.animated,
498
- .marker-icon-inner.icon-tractor-2.animated {
499
- animation: none;
500
- }
501
-
502
- @keyframes custom-icon-bounce {
503
- 0%, 100% {
504
- transform: translateY(0);
505
- }
506
- 50% {
507
- transform: translateY(-6px);
508
- }
509
- }
510
- @keyframes marker-play {
511
- from {
512
- background-position: center top;
513
- }
514
- to {
515
- background-position: center bottom;
516
- }
517
- }
518
- @keyframes play {
519
- 0% {
520
- background-position: center top;
521
- }
522
- 100% {
523
- background-position: center bottom;
524
- }
525
- }
526
- .leaflet-marker-icon.animated-marker .marker-icon {
527
- width: 42px;
528
- height: 42px;
529
- }
530
-
531
- .marker-popup {
532
- min-width: 120px;
533
- }
534
- .marker-popup strong {
535
- font-size: 14px;
536
- color: rgba(0, 0, 0, 0.88);
537
- }
538
- .marker-popup p {
539
- margin: 8px 0 0;
540
- font-size: 12px;
541
- color: rgba(0, 0, 0, 0.65);
542
- }
543
-
544
- .leaflet-tooltip {
545
- background: #fff !important;
546
- color: #333 !important;
547
- border: 1px solid #e8e8e8 !important;
548
- border-radius: 4px !important;
549
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
550
- padding: 8px 12px !important;
551
- font-size: 14px !important;
552
- line-height: 1.5 !important;
553
- }
554
-
555
- .leaflet-tooltip-top::before {
556
- border-top-color: #fff !important;
557
- }
558
-
559
- .leaflet-tooltip-bottom::before {
560
- border-bottom-color: #fff !important;
561
- }
562
-
563
- .leaflet-tooltip-left::before {
564
- border-left-color: #fff !important;
565
- }
566
-
567
- .leaflet-tooltip-right::before {
568
- border-right-color: #fff !important;
569
- }
570
-
571
- .marker-create-mode {
572
- cursor: crosshair !important;
573
- }
574
-
575
- .marker-icon-wrapper--temp {
576
- cursor: move;
577
- }
578
- .marker-icon-wrapper--temp:hover {
579
- cursor: move;
580
- }
581
-
582
- .marker-edit-toolbar {
583
- position: absolute;
584
- bottom: 20px;
585
- left: 50%;
586
- transform: translateX(-50%);
587
- z-index: 1000;
588
- display: flex;
589
- align-items: center;
590
- gap: 8px;
591
- }
592
-
593
- .marker-edit-toolbar__button-group {
594
- display: inline-flex;
595
- align-items: center;
596
- gap: 0;
597
- background: #fff;
598
- border-radius: 6px;
599
- box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
600
- }
601
-
602
- .marker-edit-toolbar__button {
603
- position: relative;
604
- display: inline-flex;
605
- align-items: center;
606
- justify-content: center;
607
- gap: 8px;
608
- height: 32px;
609
- padding: 0 12px;
610
- font-size: 14px;
611
- font-weight: 400;
612
- line-height: 1.5714;
613
- border: 1px solid transparent;
614
- border-radius: calc(6px - 2px);
615
- background: #fff;
616
- color: rgba(0, 0, 0, 0.88);
617
- cursor: pointer;
618
- transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
619
- white-space: nowrap;
620
- user-select: none;
621
- margin: 0;
622
- outline: none;
623
- }
624
- .marker-edit-toolbar__button:focus-visible {
625
- box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2);
626
- }
627
- .marker-edit-toolbar__button svg {
628
- width: 16px;
629
- height: 16px;
630
- flex-shrink: 0;
631
- }
632
- .marker-edit-toolbar__button:hover:not(:disabled) {
633
- color: #1677ff;
634
- background: rgba(0, 0, 0, 0.06);
635
- border-color: #1677ff;
636
- }
637
- .marker-edit-toolbar__button:active:not(:disabled) {
638
- color: #4096ff;
639
- background: rgba(0, 0, 0, 0.1);
640
- border-color: #4096ff;
641
- }
642
- .marker-edit-toolbar__button:disabled, .marker-edit-toolbar__button--disabled {
643
- color: rgba(0, 0, 0, 0.25);
644
- background: rgba(0, 0, 0, 0.06);
645
- cursor: not-allowed;
646
- }
647
- .marker-edit-toolbar__button:disabled svg, .marker-edit-toolbar__button--disabled svg {
648
- opacity: 0.4;
649
- }
650
- .marker-edit-toolbar__button--primary {
651
- color: #fff;
652
- background: #1677ff;
653
- border-color: #1677ff;
654
- }
655
- .marker-edit-toolbar__button--primary:hover:not(:disabled) {
656
- background: #4096ff;
657
- border-color: #4096ff;
658
- }
659
- .marker-edit-toolbar__button--primary:active:not(:disabled) {
660
- background: #1677ff;
661
- border-color: #1677ff;
662
- }
663
- .marker-edit-toolbar__button--primary:disabled, .marker-edit-toolbar__button--primary.disabled {
664
- color: rgba(255, 255, 255, 0.6);
665
- background: rgba(22, 119, 255, 0.5);
666
- border-color: rgba(22, 119, 255, 0.5);
667
- cursor: not-allowed;
668
- }
669
- .marker-edit-toolbar__button--danger {
670
- color: #ff4d4f;
671
- background: transparent;
672
- border-color: transparent;
673
- }
674
- .marker-edit-toolbar__button--danger:hover:not(:disabled) {
675
- color: #fff;
676
- background: #ff4d4f;
677
- border-color: #ff4d4f;
678
- }
679
- .marker-edit-toolbar__button--danger:active:not(:disabled) {
680
- color: #fff;
681
- background: rgb(255, 26, 28.5730337079);
682
- border-color: rgb(255, 26, 28.5730337079);
683
- }
684
- .marker-edit-toolbar__button--danger:disabled, .marker-edit-toolbar__button--danger.disabled {
685
- color: rgba(0, 0, 0, 0.25);
686
- background: transparent;
687
- cursor: not-allowed;
688
- }
689
- .marker-edit-toolbar__button--active {
690
- color: #fff;
691
- background: #1677ff;
692
- border-color: #1677ff;
693
- }
694
- .marker-edit-toolbar__button--success {
695
- color: #52c41a;
696
- background: transparent;
697
- border-color: transparent;
698
- }
699
- .marker-edit-toolbar__button--success:hover:not(:disabled) {
700
- color: #fff;
701
- background: #52c41a;
702
- border-color: #52c41a;
703
- }
704
- .marker-edit-toolbar__button--success:active:not(:disabled) {
705
- color: #fff;
706
- background: rgb(63.1621621622, 150.972972973, 20.027027027);
707
- border-color: rgb(63.1621621622, 150.972972973, 20.027027027);
708
- }
709
- .marker-edit-toolbar__button--success:disabled, .marker-edit-toolbar__button--success.disabled {
710
- color: rgba(0, 0, 0, 0.25);
711
- background: transparent;
712
- border-color: transparent;
713
- cursor: not-allowed;
714
- }
715
- .marker-edit-toolbar__button--warning {
716
- color: #faad14;
717
- background: transparent;
718
- border-color: transparent;
719
- }
720
- .marker-edit-toolbar__button--warning:hover:not(:disabled) {
721
- color: #fff;
722
- background: #faad14;
723
- border-color: #faad14;
724
- }
725
- .marker-edit-toolbar__button--warning:active:not(:disabled) {
726
- color: #fff;
727
- background: rgb(214.4375, 144.175, 4.5625);
728
- border-color: rgb(214.4375, 144.175, 4.5625);
729
- }
730
- .marker-edit-toolbar__button--warning:disabled, .marker-edit-toolbar__button--warning.disabled {
731
- color: rgba(0, 0, 0, 0.25);
732
- background: transparent;
733
- border-color: transparent;
734
- cursor: not-allowed;
735
- }
736
- .marker-edit-toolbar__button--error {
737
- color: #ff4d4f;
738
- background: transparent;
739
- border-color: transparent;
740
- }
741
- .marker-edit-toolbar__button--error:hover:not(:disabled) {
742
- color: #fff;
743
- background: #ff4d4f;
744
- border-color: #ff4d4f;
745
- }
746
- .marker-edit-toolbar__button--error:active:not(:disabled) {
747
- color: #fff;
748
- background: rgb(255, 26, 28.5730337079);
749
- border-color: rgb(255, 26, 28.5730337079);
750
- }
751
- .marker-edit-toolbar__button--error:disabled, .marker-edit-toolbar__button--error.disabled {
752
- color: rgba(0, 0, 0, 0.25);
753
- background: transparent;
754
- border-color: transparent;
755
- cursor: not-allowed;
756
- }
757
- .marker-edit-toolbar__button--magenta {
758
- color: #eb2f96;
759
- background: transparent;
760
- border-color: transparent;
761
- }
762
- .marker-edit-toolbar__button--magenta:hover:not(:disabled) {
763
- color: #fff;
764
- background: #eb2f96;
765
- border-color: #eb2f96;
766
- }
767
- .marker-edit-toolbar__button--magenta:active:not(:disabled) {
768
- color: #fff;
769
- background: rgb(210.7368421053, 20.2631578947, 124.6184210526);
770
- border-color: rgb(210.7368421053, 20.2631578947, 124.6184210526);
771
- }
772
- .marker-edit-toolbar__button--magenta:disabled, .marker-edit-toolbar__button--magenta.disabled {
773
- color: rgba(0, 0, 0, 0.25);
774
- background: transparent;
775
- border-color: transparent;
776
- cursor: not-allowed;
777
- }
778
- .marker-edit-toolbar__button--volcano {
779
- color: #fa541c;
780
- background: transparent;
781
- border-color: transparent;
782
- }
783
- .marker-edit-toolbar__button--volcano:hover:not(:disabled) {
784
- color: #fff;
785
- background: #fa541c;
786
- border-color: #fa541c;
787
- }
788
- .marker-edit-toolbar__button--volcano:active:not(:disabled) {
789
- color: #fff;
790
- background: rgb(222.1077586207, 59.6853448276, 4.8922413793);
791
- border-color: rgb(222.1077586207, 59.6853448276, 4.8922413793);
792
- }
793
- .marker-edit-toolbar__button--volcano:disabled, .marker-edit-toolbar__button--volcano.disabled {
794
- color: rgba(0, 0, 0, 0.25);
795
- background: transparent;
796
- border-color: transparent;
797
- cursor: not-allowed;
798
- }
799
- .marker-edit-toolbar__button--gold {
800
- color: #faad14;
801
- background: transparent;
802
- border-color: transparent;
803
- }
804
- .marker-edit-toolbar__button--gold:hover:not(:disabled) {
805
- color: #fff;
806
- background: #faad14;
807
- border-color: #faad14;
808
- }
809
- .marker-edit-toolbar__button--gold:active:not(:disabled) {
810
- color: #fff;
811
- background: rgb(214.4375, 144.175, 4.5625);
812
- border-color: rgb(214.4375, 144.175, 4.5625);
813
- }
814
- .marker-edit-toolbar__button--gold:disabled, .marker-edit-toolbar__button--gold.disabled {
815
- color: rgba(0, 0, 0, 0.25);
816
- background: transparent;
817
- border-color: transparent;
818
- cursor: not-allowed;
819
- }
820
- .marker-edit-toolbar__button--orange {
821
- color: #fa8c16;
822
- background: transparent;
823
- border-color: transparent;
824
- }
825
- .marker-edit-toolbar__button--orange:hover:not(:disabled) {
826
- color: #fff;
827
- background: #fa8c16;
828
- border-color: #fa8c16;
829
- }
830
- .marker-edit-toolbar__button--orange:active:not(:disabled) {
831
- color: #fff;
832
- background: rgb(216.3571428571, 114.2142857143, 4.6428571429);
833
- border-color: rgb(216.3571428571, 114.2142857143, 4.6428571429);
834
- }
835
- .marker-edit-toolbar__button--orange:disabled, .marker-edit-toolbar__button--orange.disabled {
836
- color: rgba(0, 0, 0, 0.25);
837
- background: transparent;
838
- border-color: transparent;
839
- cursor: not-allowed;
840
- }
841
- .marker-edit-toolbar__button--cyan {
842
- color: #13c2c2;
843
- background: transparent;
844
- border-color: transparent;
845
- }
846
- .marker-edit-toolbar__button--cyan:hover:not(:disabled) {
847
- color: #fff;
848
- background: #13c2c2;
849
- border-color: #13c2c2;
850
- }
851
- .marker-edit-toolbar__button--cyan:active:not(:disabled) {
852
- color: #fff;
853
- background: rgb(14.4507042254, 147.5492957746, 147.5492957746);
854
- border-color: rgb(14.4507042254, 147.5492957746, 147.5492957746);
855
- }
856
- .marker-edit-toolbar__button--cyan:disabled, .marker-edit-toolbar__button--cyan.disabled {
857
- color: rgba(0, 0, 0, 0.25);
858
- background: transparent;
859
- border-color: transparent;
860
- cursor: not-allowed;
861
- }
862
- .marker-edit-toolbar__button--geekblue {
863
- color: #2f54eb;
864
- background: transparent;
865
- border-color: transparent;
866
- }
867
- .marker-edit-toolbar__button--geekblue:hover:not(:disabled) {
868
- color: #fff;
869
- background: #2f54eb;
870
- border-color: #2f54eb;
871
- }
872
- .marker-edit-toolbar__button--geekblue:active:not(:disabled) {
873
- color: #fff;
874
- background: rgb(20.2631578947, 57.75, 210.7368421053);
875
- border-color: rgb(20.2631578947, 57.75, 210.7368421053);
876
- }
877
- .marker-edit-toolbar__button--geekblue:disabled, .marker-edit-toolbar__button--geekblue.disabled {
878
- color: rgba(0, 0, 0, 0.25);
879
- background: transparent;
880
- border-color: transparent;
881
- cursor: not-allowed;
882
- }
883
- .marker-edit-toolbar__button--purple {
884
- color: #722ed1;
885
- background: transparent;
886
- border-color: transparent;
887
- }
888
- .marker-edit-toolbar__button--purple:hover:not(:disabled) {
889
- color: #fff;
890
- background: #722ed1;
891
- border-color: #722ed1;
892
- }
893
- .marker-edit-toolbar__button--purple:active:not(:disabled) {
894
- color: #fff;
895
- background: rgb(91.2, 36.8, 167.2);
896
- border-color: rgb(91.2, 36.8, 167.2);
897
- }
898
- .marker-edit-toolbar__button--purple:disabled, .marker-edit-toolbar__button--purple.disabled {
899
- color: rgba(0, 0, 0, 0.25);
900
- background: transparent;
901
- border-color: transparent;
902
- cursor: not-allowed;
903
- }
904
- .marker-edit-toolbar__button--large {
905
- height: 40px;
906
- padding: 0 16px;
907
- font-size: 16px;
908
- border-radius: 6px;
909
- }
910
- .marker-edit-toolbar__button--large svg {
911
- width: 20px;
912
- height: 20px;
913
- }
914
- .marker-edit-toolbar__button--small {
915
- height: 32px;
916
- padding: 0 8px;
917
- font-size: 12px;
918
- border-radius: calc(6px - 2px);
919
- }
920
- .marker-edit-toolbar__button--small svg {
921
- width: 14px;
922
- height: 14px;
923
- }
924
-
925
- .marker-edit-toolbar--large .marker-edit-toolbar__button {
926
- height: 40px;
927
- padding: 0 16px;
928
- font-size: 16px;
929
- }
930
- .marker-edit-toolbar--large .marker-edit-toolbar__button svg {
931
- width: 20px;
932
- height: 20px;
933
- }
934
-
935
- .marker-edit-toolbar--small .marker-edit-toolbar__button {
936
- height: 32px;
937
- padding: 0 8px;
938
- font-size: 12px;
939
- }
940
- .marker-edit-toolbar--small .marker-edit-toolbar__button svg {
941
- width: 14px;
942
- height: 14px;
943
- }
944
-
945
- .marker-edit-toolbar--large .marker-edit-toolbar__icon {
946
- width: 20px;
947
- height: 20px;
948
- }
949
-
950
- .marker-edit-toolbar--small .marker-edit-toolbar__icon {
951
- width: 14px;
952
- height: 14px;
953
- }
954
-
955
- .marker-edit-toolbar__button-group:not(.marker-edit-toolbar__button-group--custom) .marker-edit-toolbar__button + .marker-edit-toolbar__button:not(.marker-edit-toolbar__button--primary):not(.marker-edit-toolbar__button--danger)::before {
956
- content: "";
957
- position: absolute;
958
- left: -1px;
959
- top: 50%;
960
- transform: translateY(-50%);
961
- width: 1px;
962
- height: 48%;
963
- background-color: rgba(0, 0, 0, 0.06);
964
- pointer-events: none;
965
- }
966
-
967
- .marker-edit-toolbar__icon {
968
- display: inline-flex;
969
- align-items: center;
970
- justify-content: center;
971
- width: 16px;
972
- height: 16px;
973
- }
974
-
975
- .marker-edit-toolbar__label {
976
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
977
- }
978
-
979
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group,
980
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group,
981
- [data-theme=dark] .marker-edit-toolbar__button-group {
982
- background: #1f1f1f;
983
- box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.35), 0 3px 6px -4px rgba(0, 0, 0, 0.4), 0 9px 28px 8px rgba(0, 0, 0, 0.3);
984
- }
985
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button,
986
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button,
987
- [data-theme=dark] .marker-edit-toolbar__button {
988
- color: #f0f6fc;
989
- background: transparent;
990
- border-color: transparent;
991
- }
992
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button:hover:not(:disabled), .leaflet-container[data-theme=dark] .marker-edit-toolbar__button:hover:not(:disabled),
993
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button:hover:not(:disabled),
994
- [data-theme=dark] .marker-edit-toolbar__button:hover:not(:disabled) {
995
- color: #1668dc;
996
- background: rgba(255, 255, 255, 0.08);
997
- border-color: transparent;
998
- }
999
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button:active:not(:disabled), .leaflet-container[data-theme=dark] .marker-edit-toolbar__button:active:not(:disabled),
1000
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button:active:not(:disabled),
1001
- [data-theme=dark] .marker-edit-toolbar__button:active:not(:disabled) {
1002
- color: #1668dc;
1003
- background: rgba(255, 255, 255, 0.15);
1004
- border-color: transparent;
1005
- }
1006
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--disabled,
1007
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button:disabled,
1008
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--disabled,
1009
- [data-theme=dark] .marker-edit-toolbar__button:disabled,
1010
- [data-theme=dark] .marker-edit-toolbar__button--disabled {
1011
- color: rgba(255, 255, 255, 0.25);
1012
- background: transparent;
1013
- border-color: transparent;
1014
- }
1015
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--primary,
1016
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary,
1017
- [data-theme=dark] .marker-edit-toolbar__button--primary {
1018
- color: #fff;
1019
- background: #1668dc;
1020
- border-color: #1668dc;
1021
- }
1022
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary:hover:not(:disabled), .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--primary:hover:not(:disabled),
1023
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary:hover:not(:disabled),
1024
- [data-theme=dark] .marker-edit-toolbar__button--primary:hover:not(:disabled) {
1025
- background: rgb(57.7272727273, 131.2561983471, 235.2727272727);
1026
- border-color: rgb(57.7272727273, 131.2561983471, 235.2727272727);
1027
- }
1028
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary:active:not(:disabled), .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--primary:active:not(:disabled),
1029
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary:active:not(:disabled),
1030
- [data-theme=dark] .marker-edit-toolbar__button--primary:active:not(:disabled) {
1031
- background: #1668dc;
1032
- border-color: #1668dc;
1033
- }
1034
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary.disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--primary.disabled,
1035
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary:disabled,
1036
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary.disabled,
1037
- [data-theme=dark] .marker-edit-toolbar__button--primary:disabled,
1038
- [data-theme=dark] .marker-edit-toolbar__button--primary.disabled {
1039
- color: rgba(255, 255, 255, 0.6);
1040
- background: rgba(22, 104, 220, 0.5);
1041
- border-color: rgba(22, 104, 220, 0.5);
1042
- }
1043
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--danger,
1044
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger,
1045
- [data-theme=dark] .marker-edit-toolbar__button--danger {
1046
- color: #ff7875;
1047
- background: transparent;
1048
- border-color: transparent;
1049
- }
1050
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger:hover:not(:disabled), .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--danger:hover:not(:disabled),
1051
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger:hover:not(:disabled),
1052
- [data-theme=dark] .marker-edit-toolbar__button--danger:hover:not(:disabled) {
1053
- color: #fff;
1054
- background: #ff4d4f;
1055
- border-color: #ff4d4f;
1056
- }
1057
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger:active:not(:disabled), .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--danger:active:not(:disabled),
1058
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger:active:not(:disabled),
1059
- [data-theme=dark] .marker-edit-toolbar__button--danger:active:not(:disabled) {
1060
- color: #fff;
1061
- background: rgb(255, 26, 28.5730337079);
1062
- border-color: rgb(255, 26, 28.5730337079);
1063
- }
1064
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger.disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--danger.disabled,
1065
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger:disabled,
1066
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger.disabled,
1067
- [data-theme=dark] .marker-edit-toolbar__button--danger:disabled,
1068
- [data-theme=dark] .marker-edit-toolbar__button--danger.disabled {
1069
- color: rgba(255, 255, 255, 0.25);
1070
- background: transparent;
1071
- border-color: transparent;
1072
- }
1073
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--active, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--active,
1074
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--active,
1075
- [data-theme=dark] .marker-edit-toolbar__button--active {
1076
- color: #fff;
1077
- background: #1668dc;
1078
- border-color: #1668dc;
1079
- }
1080
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group .marker-edit-toolbar__button + .marker-edit-toolbar__button:not(.marker-edit-toolbar__button--primary):not(.marker-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1081
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1082
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1083
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1084
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group .marker-edit-toolbar__button + .marker-edit-toolbar__button:not(.marker-edit-toolbar__button--primary):not(.marker-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1085
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1086
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1087
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1088
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1089
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group .marker-edit-toolbar__button + .marker-edit-toolbar__button:not(.marker-edit-toolbar__button--primary):not(.marker-edit-toolbar__button--danger)::before,
1090
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1091
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1092
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1093
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1094
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1095
- [data-theme=dark] .marker-edit-toolbar__button-group .marker-edit-toolbar__button + .marker-edit-toolbar__button:not(.marker-edit-toolbar__button--primary):not(.marker-edit-toolbar__button--danger)::before,
1096
- .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1097
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1098
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1099
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1100
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1101
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1102
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1103
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1104
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1105
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1106
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1107
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1108
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1109
- .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1110
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1111
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1112
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1113
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1114
- .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1115
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1116
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1117
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1118
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1119
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1120
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1121
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1122
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1123
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1124
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1125
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1126
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1127
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1128
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1129
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1130
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1131
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1132
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1133
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1134
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1135
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1136
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1137
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1138
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1139
- [data-theme=dark] .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1140
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1141
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1142
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1143
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1144
- [data-theme=dark] .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1145
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1146
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1147
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1148
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1149
- [data-theme=dark] .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1150
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1151
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1152
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1153
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1154
- [data-theme=dark] .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1155
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1156
- [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1157
- [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1158
- [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before {
1159
- background-color: rgba(255, 255, 255, 0.06);
1160
- }
1161
-
1162
- .marker-icon-wrapper--movable {
1163
- cursor: move !important;
1164
- }
1165
- .marker-icon-wrapper--movable:hover {
1166
- filter: brightness(1.1);
1167
- }
1168
- .marker-icon-wrapper--movable:active {
1169
- filter: brightness(0.95);
1170
- }
1171
-
1172
- .marker-icon-wrapper--editing {
1173
- filter: drop-shadow(0 0 8px rgba(22, 119, 255, 0.6));
1174
- }
1175
-
1176
- [data-theme=dark] .marker-popup strong {
1177
- color: #e0e0e0;
1178
- }
1179
- [data-theme=dark] .marker-popup p {
1180
- color: #a0a0a0;
1181
- }
1182
-
1183
- .cluster-icon {
1184
- cursor: pointer;
1185
- user-select: none;
1186
- }
1187
- .cluster-icon.animated {
1188
- animation: cluster-glow 1.5s ease-in-out infinite;
1189
- }
1190
-
1191
- @keyframes cluster-glow {
1192
- 0%, 100% {
1193
- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
1194
- }
1195
- 50% {
1196
- filter: drop-shadow(0 4px 12px rgba(24, 144, 255, 0.6));
1197
- }
1198
- }
1199
- /**
1200
- * 双向标尺样式 - L型布局
1201
- * 覆盖整个地图窗口,标尺贴边显示
1202
- */
1203
- /**
1204
- * Notification 组件样式
1205
- */
1206
- .notification-container {
1207
- position: absolute;
1208
- bottom: 20px;
1209
- right: 20px;
1210
- z-index: 1100;
1211
- display: flex;
1212
- flex-direction: column;
1213
- gap: 12px;
1214
- max-width: 360px;
1215
- }
1216
-
1217
- .notification {
1218
- display: flex;
1219
- align-items: flex-start;
1220
- padding: 12px 16px;
1221
- background: #fff;
1222
- border-radius: 8px;
1223
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
1224
- animation: notification-slide-in 0.3s ease-out;
1225
- position: relative;
1226
- overflow: hidden;
1227
- min-height: 64px;
1228
- }
1229
- .notification--closing {
1230
- animation: notification-slide-out 0.3s ease-in forwards;
1231
- }
1232
- .notification--info .notification__icon {
1233
- background: #e6f4ff;
1234
- color: #1677ff;
1235
- }
1236
- .notification--success .notification__icon {
1237
- background: #f6ffed;
1238
- color: #52c41a;
1239
- }
1240
- .notification--warning .notification__icon {
1241
- background: #fffbe6;
1242
- color: #faad14;
1243
- }
1244
- .notification--error .notification__icon {
1245
- background: #fff2f0;
1246
- color: #ff4d4f;
1247
- }
1248
- .notification__icon {
1249
- width: 20px;
1250
- height: 20px;
1251
- border-radius: 50%;
1252
- display: flex;
1253
- align-items: center;
1254
- justify-content: center;
1255
- font-size: 10px;
1256
- font-weight: bold;
1257
- flex-shrink: 0;
1258
- margin-right: 10px;
1259
- }
1260
- .notification__content {
1261
- flex: 1;
1262
- font-size: 14px;
1263
- color: rgba(0, 0, 0, 0.88);
1264
- line-height: 1.5;
1265
- word-break: break-word;
1266
- display: flex;
1267
- flex-direction: column;
1268
- justify-content: center;
1269
- min-height: 40px;
1270
- }
1271
- .notification__title {
1272
- font-weight: 600;
1273
- color: rgba(0, 0, 0, 0.95);
1274
- margin-bottom: 4px;
1275
- }
1276
- .notification__message {
1277
- color: rgba(0, 0, 0, 0.65);
1278
- white-space: pre-wrap;
1279
- }
1280
-
1281
- @keyframes notification-slide-in {
1282
- from {
1283
- opacity: 0;
1284
- transform: translateY(100%);
1285
- }
1286
- to {
1287
- opacity: 1;
1288
- transform: translateY(0);
1289
- }
1290
- }
1291
- @keyframes notification-slide-out {
1292
- from {
1293
- opacity: 1;
1294
- transform: translateY(0);
1295
- }
1296
- to {
1297
- opacity: 0;
1298
- transform: translateY(100%);
1299
- }
1300
- }
1301
- .leaflet-container[data-theme=dark] .notification,
1302
- [data-theme=dark] .notification {
1303
- background: #1f1f1f;
1304
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
1305
- }
1306
- .leaflet-container[data-theme=dark] .notification--info .notification__icon,
1307
- [data-theme=dark] .notification--info .notification__icon {
1308
- background: rgba(22, 119, 255, 0.2);
1309
- color: #69b1ff;
1310
- }
1311
- .leaflet-container[data-theme=dark] .notification--success .notification__icon,
1312
- [data-theme=dark] .notification--success .notification__icon {
1313
- background: rgba(82, 196, 26, 0.2);
1314
- color: #95de64;
1315
- }
1316
- .leaflet-container[data-theme=dark] .notification--warning .notification__icon,
1317
- [data-theme=dark] .notification--warning .notification__icon {
1318
- background: rgba(250, 173, 20, 0.2);
1319
- color: #ffc53d;
1320
- }
1321
- .leaflet-container[data-theme=dark] .notification--error .notification__icon,
1322
- [data-theme=dark] .notification--error .notification__icon {
1323
- background: rgba(255, 77, 79, 0.2);
1324
- color: #ff7875;
1325
- }
1326
- .leaflet-container[data-theme=dark] .notification__content,
1327
- [data-theme=dark] .notification__content {
1328
- color: #e0e0e0;
1329
- }
1330
- .leaflet-container[data-theme=dark] .notification__title,
1331
- [data-theme=dark] .notification__title {
1332
- color: #f0f0f0;
1333
- }
1334
- .leaflet-container[data-theme=dark] .notification__message,
1335
- [data-theme=dark] .notification__message {
1336
- color: #a0a0a0;
1337
- }
1338
-
1339
- /**
1340
- * 双向标尺样式 - L型布局
1341
- * 覆盖整个地图窗口,标尺贴边显示
1342
- */
1343
- /**
1344
- * 样式主入口
1345
- * @description 统一导出所有样式
1346
- */
1347
- /**
1348
- * PlotLayer 组件样式
1349
- */
1350
- .overlay-text {
1351
- text-anchor: middle;
1352
- dominant-baseline: middle;
1353
- fill: #000000;
1354
- font-weight: bold;
1355
- font-family: Arial, sans-serif;
1356
- stroke: white;
1357
- stroke-width: 0.5;
1358
- paint-order: stroke;
1359
- text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
1360
- transform-origin: center;
1361
- }
1362
-
1363
- .plot-area-label {
1364
- background: none !important;
1365
- border: none !important;
1366
- pointer-events: none;
1367
- }
1368
- .plot-area-label .plot-area-label-text {
1369
- display: inline-block;
1370
- background: rgba(0, 0, 0, 0.65);
1371
- color: #fff;
1372
- padding: 2px 8px;
1373
- border-radius: 3px;
1374
- font-size: 13px;
1375
- font-weight: 500;
1376
- font-family: Arial, sans-serif;
1377
- white-space: nowrap;
1378
- transform: translateX(-50%);
1379
- pointer-events: none;
1380
- }
1381
-
1382
- .plot-edit-toolbar {
1383
- position: absolute;
1384
- bottom: 20px;
1385
- left: 50%;
1386
- transform: translateX(-50%);
1387
- z-index: 1000;
1388
- display: flex;
1389
- align-items: center;
1390
- gap: 8px;
1391
- }
1392
-
1393
- .plot-edit-toolbar__button-group {
1394
- display: inline-flex;
1395
- align-items: center;
1396
- gap: 0;
1397
- background: #fff;
1398
- border-radius: 6px;
1399
- box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
1400
- }
1401
-
1402
- .plot-edit-toolbar__button {
1403
- position: relative;
1404
- display: inline-flex;
1405
- align-items: center;
1406
- justify-content: center;
1407
- gap: 8px;
1408
- height: 32px;
1409
- padding: 0 12px;
1410
- font-size: 14px;
1411
- font-weight: 400;
1412
- line-height: 1.5714;
1413
- border: 1px solid transparent;
1414
- border-radius: calc(6px - 2px);
1415
- background: #fff;
1416
- color: rgba(0, 0, 0, 0.88);
1417
- cursor: pointer;
1418
- transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
1419
- white-space: nowrap;
1420
- user-select: none;
1421
- margin: 0;
1422
- outline: none;
1423
- }
1424
- .plot-edit-toolbar__button:focus-visible {
1425
- box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2);
1426
- }
1427
- .plot-edit-toolbar__button svg {
1428
- width: 16px;
1429
- height: 16px;
1430
- flex-shrink: 0;
1431
- }
1432
- .plot-edit-toolbar__button:hover:not(:disabled) {
1433
- color: #1677ff;
1434
- background: rgba(0, 0, 0, 0.06);
1435
- border-color: #1677ff;
1436
- }
1437
- .plot-edit-toolbar__button:active:not(:disabled) {
1438
- color: #4096ff;
1439
- background: rgba(0, 0, 0, 0.1);
1440
- border-color: #4096ff;
1441
- }
1442
- .plot-edit-toolbar__button:disabled, .plot-edit-toolbar__button--disabled {
1443
- color: rgba(0, 0, 0, 0.25);
1444
- background: rgba(0, 0, 0, 0.06);
1445
- cursor: not-allowed;
1446
- }
1447
- .plot-edit-toolbar__button:disabled svg, .plot-edit-toolbar__button--disabled svg {
1448
- opacity: 0.4;
1449
- }
1450
- .plot-edit-toolbar__button--primary {
1451
- color: #fff;
1452
- background: #1677ff;
1453
- border-color: #1677ff;
1454
- }
1455
- .plot-edit-toolbar__button--primary:hover:not(:disabled) {
1456
- background: #4096ff;
1457
- border-color: #4096ff;
1458
- }
1459
- .plot-edit-toolbar__button--primary:active:not(:disabled) {
1460
- background: #1677ff;
1461
- border-color: #1677ff;
1462
- }
1463
- .plot-edit-toolbar__button--primary:disabled, .plot-edit-toolbar__button--primary.disabled {
1464
- color: rgba(255, 255, 255, 0.6);
1465
- background: rgba(22, 119, 255, 0.5);
1466
- border-color: rgba(22, 119, 255, 0.5);
1467
- cursor: not-allowed;
1468
- }
1469
- .plot-edit-toolbar__button--danger {
1470
- color: #ff4d4f;
1471
- background: transparent;
1472
- border-color: transparent;
1473
- }
1474
- .plot-edit-toolbar__button--danger:hover:not(:disabled) {
1475
- color: #fff;
1476
- background: #ff4d4f;
1477
- border-color: #ff4d4f;
1478
- }
1479
- .plot-edit-toolbar__button--danger:active:not(:disabled) {
1480
- color: #fff;
1481
- background: rgb(255, 26, 28.5730337079);
1482
- border-color: rgb(255, 26, 28.5730337079);
1483
- }
1484
- .plot-edit-toolbar__button--danger:disabled, .plot-edit-toolbar__button--danger.disabled {
1485
- color: rgba(0, 0, 0, 0.25);
1486
- background: transparent;
1487
- cursor: not-allowed;
1488
- }
1489
- .plot-edit-toolbar__button--active {
1490
- color: #fff;
1491
- background: #1677ff;
1492
- border-color: #1677ff;
1493
- }
1494
- .plot-edit-toolbar__button--success {
1495
- color: #52c41a;
1496
- background: transparent;
1497
- border-color: transparent;
1498
- }
1499
- .plot-edit-toolbar__button--success:hover:not(:disabled) {
1500
- color: #fff;
1501
- background: #52c41a;
1502
- border-color: #52c41a;
1503
- }
1504
- .plot-edit-toolbar__button--success:active:not(:disabled) {
1505
- color: #fff;
1506
- background: rgb(63.1621621622, 150.972972973, 20.027027027);
1507
- border-color: rgb(63.1621621622, 150.972972973, 20.027027027);
1508
- }
1509
- .plot-edit-toolbar__button--success:disabled, .plot-edit-toolbar__button--success.disabled {
1510
- color: rgba(0, 0, 0, 0.25);
1511
- background: transparent;
1512
- border-color: transparent;
1513
- cursor: not-allowed;
1514
- }
1515
- .plot-edit-toolbar__button--warning {
1516
- color: #faad14;
1517
- background: transparent;
1518
- border-color: transparent;
1519
- }
1520
- .plot-edit-toolbar__button--warning:hover:not(:disabled) {
1521
- color: #fff;
1522
- background: #faad14;
1523
- border-color: #faad14;
1524
- }
1525
- .plot-edit-toolbar__button--warning:active:not(:disabled) {
1526
- color: #fff;
1527
- background: rgb(214.4375, 144.175, 4.5625);
1528
- border-color: rgb(214.4375, 144.175, 4.5625);
1529
- }
1530
- .plot-edit-toolbar__button--warning:disabled, .plot-edit-toolbar__button--warning.disabled {
1531
- color: rgba(0, 0, 0, 0.25);
1532
- background: transparent;
1533
- border-color: transparent;
1534
- cursor: not-allowed;
1535
- }
1536
- .plot-edit-toolbar__button--error {
1537
- color: #ff4d4f;
1538
- background: transparent;
1539
- border-color: transparent;
1540
- }
1541
- .plot-edit-toolbar__button--error:hover:not(:disabled) {
1542
- color: #fff;
1543
- background: #ff4d4f;
1544
- border-color: #ff4d4f;
1545
- }
1546
- .plot-edit-toolbar__button--error:active:not(:disabled) {
1547
- color: #fff;
1548
- background: rgb(255, 26, 28.5730337079);
1549
- border-color: rgb(255, 26, 28.5730337079);
1550
- }
1551
- .plot-edit-toolbar__button--error:disabled, .plot-edit-toolbar__button--error.disabled {
1552
- color: rgba(0, 0, 0, 0.25);
1553
- background: transparent;
1554
- border-color: transparent;
1555
- cursor: not-allowed;
1556
- }
1557
- .plot-edit-toolbar__button--magenta {
1558
- color: #eb2f96;
1559
- background: transparent;
1560
- border-color: transparent;
1561
- }
1562
- .plot-edit-toolbar__button--magenta:hover:not(:disabled) {
1563
- color: #fff;
1564
- background: #eb2f96;
1565
- border-color: #eb2f96;
1566
- }
1567
- .plot-edit-toolbar__button--magenta:active:not(:disabled) {
1568
- color: #fff;
1569
- background: rgb(210.7368421053, 20.2631578947, 124.6184210526);
1570
- border-color: rgb(210.7368421053, 20.2631578947, 124.6184210526);
1571
- }
1572
- .plot-edit-toolbar__button--magenta:disabled, .plot-edit-toolbar__button--magenta.disabled {
1573
- color: rgba(0, 0, 0, 0.25);
1574
- background: transparent;
1575
- border-color: transparent;
1576
- cursor: not-allowed;
1577
- }
1578
- .plot-edit-toolbar__button--volcano {
1579
- color: #fa541c;
1580
- background: transparent;
1581
- border-color: transparent;
1582
- }
1583
- .plot-edit-toolbar__button--volcano:hover:not(:disabled) {
1584
- color: #fff;
1585
- background: #fa541c;
1586
- border-color: #fa541c;
1587
- }
1588
- .plot-edit-toolbar__button--volcano:active:not(:disabled) {
1589
- color: #fff;
1590
- background: rgb(222.1077586207, 59.6853448276, 4.8922413793);
1591
- border-color: rgb(222.1077586207, 59.6853448276, 4.8922413793);
1592
- }
1593
- .plot-edit-toolbar__button--volcano:disabled, .plot-edit-toolbar__button--volcano.disabled {
1594
- color: rgba(0, 0, 0, 0.25);
1595
- background: transparent;
1596
- border-color: transparent;
1597
- cursor: not-allowed;
1598
- }
1599
- .plot-edit-toolbar__button--gold {
1600
- color: #faad14;
1601
- background: transparent;
1602
- border-color: transparent;
1603
- }
1604
- .plot-edit-toolbar__button--gold:hover:not(:disabled) {
1605
- color: #fff;
1606
- background: #faad14;
1607
- border-color: #faad14;
1608
- }
1609
- .plot-edit-toolbar__button--gold:active:not(:disabled) {
1610
- color: #fff;
1611
- background: rgb(214.4375, 144.175, 4.5625);
1612
- border-color: rgb(214.4375, 144.175, 4.5625);
1613
- }
1614
- .plot-edit-toolbar__button--gold:disabled, .plot-edit-toolbar__button--gold.disabled {
1615
- color: rgba(0, 0, 0, 0.25);
1616
- background: transparent;
1617
- border-color: transparent;
1618
- cursor: not-allowed;
1619
- }
1620
- .plot-edit-toolbar__button--orange {
1621
- color: #fa8c16;
1622
- background: transparent;
1623
- border-color: transparent;
1624
- }
1625
- .plot-edit-toolbar__button--orange:hover:not(:disabled) {
1626
- color: #fff;
1627
- background: #fa8c16;
1628
- border-color: #fa8c16;
1629
- }
1630
- .plot-edit-toolbar__button--orange:active:not(:disabled) {
1631
- color: #fff;
1632
- background: rgb(216.3571428571, 114.2142857143, 4.6428571429);
1633
- border-color: rgb(216.3571428571, 114.2142857143, 4.6428571429);
1634
- }
1635
- .plot-edit-toolbar__button--orange:disabled, .plot-edit-toolbar__button--orange.disabled {
1636
- color: rgba(0, 0, 0, 0.25);
1637
- background: transparent;
1638
- border-color: transparent;
1639
- cursor: not-allowed;
1640
- }
1641
- .plot-edit-toolbar__button--cyan {
1642
- color: #13c2c2;
1643
- background: transparent;
1644
- border-color: transparent;
1645
- }
1646
- .plot-edit-toolbar__button--cyan:hover:not(:disabled) {
1647
- color: #fff;
1648
- background: #13c2c2;
1649
- border-color: #13c2c2;
1650
- }
1651
- .plot-edit-toolbar__button--cyan:active:not(:disabled) {
1652
- color: #fff;
1653
- background: rgb(14.4507042254, 147.5492957746, 147.5492957746);
1654
- border-color: rgb(14.4507042254, 147.5492957746, 147.5492957746);
1655
- }
1656
- .plot-edit-toolbar__button--cyan:disabled, .plot-edit-toolbar__button--cyan.disabled {
1657
- color: rgba(0, 0, 0, 0.25);
1658
- background: transparent;
1659
- border-color: transparent;
1660
- cursor: not-allowed;
1661
- }
1662
- .plot-edit-toolbar__button--geekblue {
1663
- color: #2f54eb;
1664
- background: transparent;
1665
- border-color: transparent;
1666
- }
1667
- .plot-edit-toolbar__button--geekblue:hover:not(:disabled) {
1668
- color: #fff;
1669
- background: #2f54eb;
1670
- border-color: #2f54eb;
1671
- }
1672
- .plot-edit-toolbar__button--geekblue:active:not(:disabled) {
1673
- color: #fff;
1674
- background: rgb(20.2631578947, 57.75, 210.7368421053);
1675
- border-color: rgb(20.2631578947, 57.75, 210.7368421053);
1676
- }
1677
- .plot-edit-toolbar__button--geekblue:disabled, .plot-edit-toolbar__button--geekblue.disabled {
1678
- color: rgba(0, 0, 0, 0.25);
1679
- background: transparent;
1680
- border-color: transparent;
1681
- cursor: not-allowed;
1682
- }
1683
- .plot-edit-toolbar__button--purple {
1684
- color: #722ed1;
1685
- background: transparent;
1686
- border-color: transparent;
1687
- }
1688
- .plot-edit-toolbar__button--purple:hover:not(:disabled) {
1689
- color: #fff;
1690
- background: #722ed1;
1691
- border-color: #722ed1;
1692
- }
1693
- .plot-edit-toolbar__button--purple:active:not(:disabled) {
1694
- color: #fff;
1695
- background: rgb(91.2, 36.8, 167.2);
1696
- border-color: rgb(91.2, 36.8, 167.2);
1697
- }
1698
- .plot-edit-toolbar__button--purple:disabled, .plot-edit-toolbar__button--purple.disabled {
1699
- color: rgba(0, 0, 0, 0.25);
1700
- background: transparent;
1701
- border-color: transparent;
1702
- cursor: not-allowed;
1703
- }
1704
- .plot-edit-toolbar__button--large {
1705
- height: 40px;
1706
- padding: 0 16px;
1707
- font-size: 16px;
1708
- border-radius: 6px;
1709
- }
1710
- .plot-edit-toolbar__button--large svg {
1711
- width: 20px;
1712
- height: 20px;
1713
- }
1714
- .plot-edit-toolbar__button--small {
1715
- height: 32px;
1716
- padding: 0 8px;
1717
- font-size: 12px;
1718
- border-radius: calc(6px - 2px);
1719
- }
1720
- .plot-edit-toolbar__button--small svg {
1721
- width: 14px;
1722
- height: 14px;
1723
- }
1724
-
1725
- .plot-edit-toolbar--large .plot-edit-toolbar__button {
1726
- height: 40px;
1727
- padding: 0 16px;
1728
- font-size: 16px;
1729
- }
1730
- .plot-edit-toolbar--large .plot-edit-toolbar__button svg {
1731
- width: 20px;
1732
- height: 20px;
1733
- }
1734
-
1735
- .plot-edit-toolbar--small .plot-edit-toolbar__button {
1736
- height: 32px;
1737
- padding: 0 8px;
1738
- font-size: 12px;
1739
- }
1740
- .plot-edit-toolbar--small .plot-edit-toolbar__button svg {
1741
- width: 14px;
1742
- height: 14px;
1743
- }
1744
-
1745
- .plot-edit-toolbar--large .plot-edit-toolbar__icon {
1746
- width: 20px;
1747
- height: 20px;
1748
- }
1749
-
1750
- .plot-edit-toolbar--small .plot-edit-toolbar__icon {
1751
- width: 14px;
1752
- height: 14px;
1753
- }
1754
-
1755
- .plot-edit-toolbar__button-group:not(.plot-edit-toolbar__button-group--custom) .plot-edit-toolbar__button + .plot-edit-toolbar__button:not(.plot-edit-toolbar__button--primary):not(.plot-edit-toolbar__button--danger)::before {
1756
- content: "";
1757
- position: absolute;
1758
- left: -1px;
1759
- top: 50%;
1760
- transform: translateY(-50%);
1761
- width: 1px;
1762
- height: 48%;
1763
- background-color: rgba(0, 0, 0, 0.06);
1764
- pointer-events: none;
1765
- }
1766
-
1767
- .plot-edit-toolbar__icon {
1768
- display: inline-flex;
1769
- align-items: center;
1770
- justify-content: center;
1771
- width: 16px;
1772
- height: 16px;
1773
- }
1774
-
1775
- .plot-edit-toolbar__label {
1776
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
1777
- }
1778
-
1779
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group,
1780
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group,
1781
- [data-theme=dark] .plot-edit-toolbar__button-group {
1782
- background: #1f1f1f;
1783
- box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.35), 0 3px 6px -4px rgba(0, 0, 0, 0.4), 0 9px 28px 8px rgba(0, 0, 0, 0.3);
1784
- }
1785
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button,
1786
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button,
1787
- [data-theme=dark] .plot-edit-toolbar__button {
1788
- color: #f0f6fc;
1789
- background: transparent;
1790
- border-color: transparent;
1791
- }
1792
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button:hover:not(:disabled), .leaflet-container[data-theme=dark] .plot-edit-toolbar__button:hover:not(:disabled),
1793
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button:hover:not(:disabled),
1794
- [data-theme=dark] .plot-edit-toolbar__button:hover:not(:disabled) {
1795
- color: #1668dc;
1796
- background: rgba(255, 255, 255, 0.08);
1797
- border-color: transparent;
1798
- }
1799
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button:active:not(:disabled), .leaflet-container[data-theme=dark] .plot-edit-toolbar__button:active:not(:disabled),
1800
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button:active:not(:disabled),
1801
- [data-theme=dark] .plot-edit-toolbar__button:active:not(:disabled) {
1802
- color: #1668dc;
1803
- background: rgba(255, 255, 255, 0.15);
1804
- border-color: transparent;
1805
- }
1806
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--disabled,
1807
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button:disabled,
1808
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--disabled,
1809
- [data-theme=dark] .plot-edit-toolbar__button:disabled,
1810
- [data-theme=dark] .plot-edit-toolbar__button--disabled {
1811
- color: rgba(255, 255, 255, 0.25);
1812
- background: transparent;
1813
- border-color: transparent;
1814
- }
1815
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--primary,
1816
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary,
1817
- [data-theme=dark] .plot-edit-toolbar__button--primary {
1818
- color: #fff;
1819
- background: #1668dc;
1820
- border-color: #1668dc;
1821
- }
1822
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary:hover:not(:disabled), .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--primary:hover:not(:disabled),
1823
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary:hover:not(:disabled),
1824
- [data-theme=dark] .plot-edit-toolbar__button--primary:hover:not(:disabled) {
1825
- background: rgb(57.7272727273, 131.2561983471, 235.2727272727);
1826
- border-color: rgb(57.7272727273, 131.2561983471, 235.2727272727);
1827
- }
1828
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary:active:not(:disabled), .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--primary:active:not(:disabled),
1829
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary:active:not(:disabled),
1830
- [data-theme=dark] .plot-edit-toolbar__button--primary:active:not(:disabled) {
1831
- background: #1668dc;
1832
- border-color: #1668dc;
1833
- }
1834
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary.disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--primary.disabled,
1835
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary:disabled,
1836
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary.disabled,
1837
- [data-theme=dark] .plot-edit-toolbar__button--primary:disabled,
1838
- [data-theme=dark] .plot-edit-toolbar__button--primary.disabled {
1839
- color: rgba(255, 255, 255, 0.6);
1840
- background: rgba(22, 104, 220, 0.5);
1841
- border-color: rgba(22, 104, 220, 0.5);
1842
- }
1843
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--danger,
1844
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger,
1845
- [data-theme=dark] .plot-edit-toolbar__button--danger {
1846
- color: #ff7875;
1847
- background: transparent;
1848
- border-color: transparent;
1849
- }
1850
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger:hover:not(:disabled), .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--danger:hover:not(:disabled),
1851
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger:hover:not(:disabled),
1852
- [data-theme=dark] .plot-edit-toolbar__button--danger:hover:not(:disabled) {
1853
- color: #fff;
1854
- background: #ff4d4f;
1855
- border-color: #ff4d4f;
1856
- }
1857
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger:active:not(:disabled), .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--danger:active:not(:disabled),
1858
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger:active:not(:disabled),
1859
- [data-theme=dark] .plot-edit-toolbar__button--danger:active:not(:disabled) {
1860
- color: #fff;
1861
- background: rgb(255, 26, 28.5730337079);
1862
- border-color: rgb(255, 26, 28.5730337079);
1863
- }
1864
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger.disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--danger.disabled,
1865
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger:disabled,
1866
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger.disabled,
1867
- [data-theme=dark] .plot-edit-toolbar__button--danger:disabled,
1868
- [data-theme=dark] .plot-edit-toolbar__button--danger.disabled {
1869
- color: rgba(255, 255, 255, 0.25);
1870
- background: transparent;
1871
- border-color: transparent;
1872
- }
1873
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--active, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--active,
1874
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--active,
1875
- [data-theme=dark] .plot-edit-toolbar__button--active {
1876
- color: #fff;
1877
- background: #1668dc;
1878
- border-color: #1668dc;
1879
- }
1880
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group .plot-edit-toolbar__button + .plot-edit-toolbar__button:not(.plot-edit-toolbar__button--primary):not(.plot-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1881
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1882
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1883
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1884
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group .plot-edit-toolbar__button + .plot-edit-toolbar__button:not(.plot-edit-toolbar__button--primary):not(.plot-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1885
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1886
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1887
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1888
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1889
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group .plot-edit-toolbar__button + .plot-edit-toolbar__button:not(.plot-edit-toolbar__button--primary):not(.plot-edit-toolbar__button--danger)::before,
1890
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1891
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1892
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1893
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1894
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1895
- [data-theme=dark] .plot-edit-toolbar__button-group .plot-edit-toolbar__button + .plot-edit-toolbar__button:not(.plot-edit-toolbar__button--primary):not(.plot-edit-toolbar__button--danger)::before,
1896
- .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1897
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1898
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1899
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1900
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1901
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1902
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1903
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1904
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1905
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1906
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1907
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1908
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1909
- .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1910
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1911
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1912
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1913
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1914
- .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1915
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1916
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1917
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1918
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1919
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1920
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1921
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1922
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1923
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1924
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1925
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1926
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1927
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1928
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1929
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1930
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1931
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1932
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1933
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1934
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1935
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1936
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1937
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1938
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1939
- [data-theme=dark] .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1940
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1941
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1942
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1943
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1944
- [data-theme=dark] .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1945
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1946
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1947
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1948
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1949
- [data-theme=dark] .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1950
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1951
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1952
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1953
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1954
- [data-theme=dark] .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1955
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1956
- [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1957
- [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1958
- [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before {
1959
- background-color: rgba(255, 255, 255, 0.06);
1960
- }
1961
-
1962
- .plot-polygon--movable {
1963
- cursor: move !important;
1964
- }
1965
- .plot-polygon--movable:hover {
1966
- filter: brightness(1.1);
1967
- }
1968
- .plot-polygon--movable:active {
1969
- filter: brightness(0.95);
1970
- }
1971
-
1972
- [data-theme=dark] .plot-area-label .plot-area-label-text {
1973
- background: rgba(255, 255, 255, 0.15);
1974
- color: #e0e0e0;
1975
- }
1976
-
1977
- /**
1978
- * 双向标尺样式 - L型布局
1979
- * 覆盖整个地图窗口,标尺贴边显示
1980
- */
1981
- /**
1982
- * 样式主入口
1983
- * @description 统一导出所有样式
1984
- */
1985
- /**
1986
- * Road 组件样式
1987
- */
1988
- .road-line {
1989
- transition: stroke 0.2s;
1990
- outline: none !important;
1991
- }
1992
- .road-line--selected {
1993
- filter: drop-shadow(0 0 6px currentColor);
1994
- }
1995
- .road-line--editing {
1996
- filter: drop-shadow(0 0 8px currentColor);
1997
- }
1998
- .road-line--preview {
1999
- stroke-dasharray: 10, 10;
2000
- animation: road-dash 1s linear infinite;
2001
- }
2002
-
2003
- .leaflet-container .leaflet-interactive {
2004
- outline: none !important;
2005
- }
2006
- .leaflet-container path.leaflet-interactive {
2007
- outline: none !important;
2008
- }
2009
-
2010
- @keyframes road-dash {
2011
- to {
2012
- stroke-dashoffset: -20;
2013
- }
2014
- }
2015
- .leaflet-container.road-drawing-mode .marker-icon,
2016
- .leaflet-container.road-drawing-mode .leaflet-marker-icon.marker-icon {
2017
- background: #fff !important;
2018
- background-color: #fff !important;
2019
- border: 2px solid var(--road-vertex-color, #8B4513) !important;
2020
- border-radius: 50% !important;
2021
- box-shadow: 0 0 4px rgba(139, 69, 19, 0.5) !important;
2022
- box-sizing: border-box !important;
2023
- }
2024
-
2025
- .leaflet-container.road-editing-mode .marker-icon,
2026
- .leaflet-container.road-editing-mode .leaflet-marker-icon.marker-icon {
2027
- background: #fff !important;
2028
- background-color: #fff !important;
2029
- border: 2px solid var(--road-edit-vertex-color, #8B4513) !important;
2030
- border-radius: 50% !important;
2031
- box-shadow: 0 0 4px rgba(139, 69, 19, 0.5) !important;
2032
- box-sizing: border-box !important;
2033
- }
2034
-
2035
- .road-vertex-wrapper {
2036
- background: transparent !important;
2037
- border: none !important;
2038
- }
2039
-
2040
- .road-vertex {
2041
- width: 12px;
2042
- height: 12px;
2043
- background: var(--road-edit-vertex-color, #1677ff);
2044
- border: 2px solid #fff;
2045
- border-radius: 50%;
2046
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
2047
- cursor: move;
2048
- transition: transform 0.15s, box-shadow 0.15s;
2049
- }
2050
- .road-vertex:hover {
2051
- transform: scale(1.3);
2052
- box-shadow: 0 3px 8px rgba(22, 119, 255, 0.5);
2053
- }
2054
- .road-vertex--temp {
2055
- background: #52c41a;
2056
- border-color: #fff;
2057
- animation: road-vertex-pulse 1.5s ease-in-out infinite;
2058
- }
2059
-
2060
- @keyframes road-vertex-pulse {
2061
- 0%, 100% {
2062
- box-shadow: 0 0 0 0 rgba(82, 196, 26, 0.4);
2063
- }
2064
- 50% {
2065
- box-shadow: 0 0 0 8px rgba(82, 196, 26, 0);
2066
- }
2067
- }
2068
- .road-tooltip {
2069
- min-width: 100px;
2070
- }
2071
- .road-tooltip strong {
2072
- font-size: 14px;
2073
- color: rgba(0, 0, 0, 0.88);
2074
- display: block;
2075
- }
2076
- .road-tooltip span {
2077
- font-size: 12px;
2078
- color: rgba(0, 0, 0, 0.65);
2079
- margin-top: 4px;
2080
- display: block;
2081
- }
2082
-
2083
- .road-distance-label-wrapper {
2084
- background: transparent !important;
2085
- border: none !important;
2086
- }
2087
-
2088
- .road-distance-label {
2089
- background: transparent;
2090
- color: #fff;
2091
- font-size: 14px;
2092
- font-weight: 600;
2093
- padding: 0;
2094
- white-space: nowrap;
2095
- pointer-events: none;
2096
- text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333, 0 0 3px rgba(0, 0, 0, 0.5);
2097
- }
2098
-
2099
- .road-edit-toolbar {
2100
- position: absolute;
2101
- bottom: 20px;
2102
- left: 50%;
2103
- transform: translateX(-50%);
2104
- z-index: 1000;
2105
- display: flex;
2106
- align-items: center;
2107
- gap: 8px;
2108
- }
2109
-
2110
- .road-edit-toolbar__button-group {
2111
- display: inline-flex;
2112
- align-items: center;
2113
- gap: 0;
2114
- background: #fff;
2115
- border-radius: 6px;
2116
- box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
2117
- }
2118
-
2119
- .road-edit-toolbar__button {
2120
- position: relative;
2121
- display: inline-flex;
2122
- align-items: center;
2123
- justify-content: center;
2124
- gap: 8px;
2125
- height: 32px;
2126
- padding: 0 12px;
2127
- font-size: 14px;
2128
- font-weight: 400;
2129
- line-height: 1.5714;
2130
- border: 1px solid transparent;
2131
- border-radius: calc(6px - 2px);
2132
- background: #fff;
2133
- color: rgba(0, 0, 0, 0.88);
2134
- cursor: pointer;
2135
- transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
2136
- white-space: nowrap;
2137
- user-select: none;
2138
- margin: 0;
2139
- outline: none;
2140
- }
2141
- .road-edit-toolbar__button:focus-visible {
2142
- box-shadow: 0 0 0 2px rgba(139, 69, 19, 0.2);
2143
- }
2144
- .road-edit-toolbar__button svg {
2145
- width: 16px;
2146
- height: 16px;
2147
- flex-shrink: 0;
2148
- }
2149
- .road-edit-toolbar__button:hover:not(:disabled) {
2150
- color: #1677ff;
2151
- background: rgba(0, 0, 0, 0.06);
2152
- border-color: #1677ff;
2153
- }
2154
- .road-edit-toolbar__button:active:not(:disabled) {
2155
- color: #4096ff;
2156
- background: rgba(0, 0, 0, 0.1);
2157
- border-color: #4096ff;
2158
- }
2159
- .road-edit-toolbar__button:disabled, .road-edit-toolbar__button--disabled {
2160
- color: rgba(0, 0, 0, 0.25);
2161
- background: rgba(0, 0, 0, 0.06);
2162
- cursor: not-allowed;
2163
- }
2164
- .road-edit-toolbar__button:disabled svg, .road-edit-toolbar__button--disabled svg {
2165
- opacity: 0.4;
2166
- }
2167
- .road-edit-toolbar__button--primary {
2168
- color: #fff;
2169
- background: #1677ff;
2170
- border-color: #1677ff;
2171
- }
2172
- .road-edit-toolbar__button--primary:hover:not(:disabled) {
2173
- background: #4096ff;
2174
- border-color: #4096ff;
2175
- }
2176
- .road-edit-toolbar__button--primary:active:not(:disabled) {
2177
- background: #1677ff;
2178
- border-color: #1677ff;
2179
- }
2180
- .road-edit-toolbar__button--primary:disabled, .road-edit-toolbar__button--primary.disabled {
2181
- color: rgba(255, 255, 255, 0.6);
2182
- background: rgba(139, 69, 19, 0.5);
2183
- border-color: rgba(139, 69, 19, 0.5);
2184
- cursor: not-allowed;
2185
- }
2186
- .road-edit-toolbar__button--danger {
2187
- color: #ff4d4f;
2188
- background: transparent;
2189
- border-color: transparent;
2190
- }
2191
- .road-edit-toolbar__button--danger:hover:not(:disabled) {
2192
- color: #fff;
2193
- background: #ff4d4f;
2194
- border-color: #ff4d4f;
2195
- }
2196
- .road-edit-toolbar__button--danger:active:not(:disabled) {
2197
- color: #fff;
2198
- background: rgb(255, 26, 28.5730337079);
2199
- border-color: rgb(255, 26, 28.5730337079);
2200
- }
2201
- .road-edit-toolbar__button--danger:disabled, .road-edit-toolbar__button--danger.disabled {
2202
- color: rgba(0, 0, 0, 0.25);
2203
- background: transparent;
2204
- cursor: not-allowed;
2205
- }
2206
- .road-edit-toolbar__button--active {
2207
- color: #fff;
2208
- background: #8B4513;
2209
- border-color: #8B4513;
2210
- }
2211
- .road-edit-toolbar__button--success {
2212
- color: #52c41a;
2213
- background: transparent;
2214
- border-color: transparent;
2215
- }
2216
- .road-edit-toolbar__button--success:hover:not(:disabled) {
2217
- color: #fff;
2218
- background: #52c41a;
2219
- border-color: #52c41a;
2220
- }
2221
- .road-edit-toolbar__button--success:active:not(:disabled) {
2222
- color: #fff;
2223
- background: rgb(63.1621621622, 150.972972973, 20.027027027);
2224
- border-color: rgb(63.1621621622, 150.972972973, 20.027027027);
2225
- }
2226
- .road-edit-toolbar__button--success:disabled, .road-edit-toolbar__button--success.disabled {
2227
- color: rgba(0, 0, 0, 0.25);
2228
- background: transparent;
2229
- border-color: transparent;
2230
- cursor: not-allowed;
2231
- }
2232
- .road-edit-toolbar__button--warning {
2233
- color: #faad14;
2234
- background: transparent;
2235
- border-color: transparent;
2236
- }
2237
- .road-edit-toolbar__button--warning:hover:not(:disabled) {
2238
- color: #fff;
2239
- background: #faad14;
2240
- border-color: #faad14;
2241
- }
2242
- .road-edit-toolbar__button--warning:active:not(:disabled) {
2243
- color: #fff;
2244
- background: rgb(214.4375, 144.175, 4.5625);
2245
- border-color: rgb(214.4375, 144.175, 4.5625);
2246
- }
2247
- .road-edit-toolbar__button--warning:disabled, .road-edit-toolbar__button--warning.disabled {
2248
- color: rgba(0, 0, 0, 0.25);
2249
- background: transparent;
2250
- border-color: transparent;
2251
- cursor: not-allowed;
2252
- }
2253
- .road-edit-toolbar__button--error {
2254
- color: #ff4d4f;
2255
- background: transparent;
2256
- border-color: transparent;
2257
- }
2258
- .road-edit-toolbar__button--error:hover:not(:disabled) {
2259
- color: #fff;
2260
- background: #ff4d4f;
2261
- border-color: #ff4d4f;
2262
- }
2263
- .road-edit-toolbar__button--error:active:not(:disabled) {
2264
- color: #fff;
2265
- background: rgb(255, 26, 28.5730337079);
2266
- border-color: rgb(255, 26, 28.5730337079);
2267
- }
2268
- .road-edit-toolbar__button--error:disabled, .road-edit-toolbar__button--error.disabled {
2269
- color: rgba(0, 0, 0, 0.25);
2270
- background: transparent;
2271
- border-color: transparent;
2272
- cursor: not-allowed;
2273
- }
2274
- .road-edit-toolbar__button--magenta {
2275
- color: #eb2f96;
2276
- background: transparent;
2277
- border-color: transparent;
2278
- }
2279
- .road-edit-toolbar__button--magenta:hover:not(:disabled) {
2280
- color: #fff;
2281
- background: #eb2f96;
2282
- border-color: #eb2f96;
2283
- }
2284
- .road-edit-toolbar__button--magenta:active:not(:disabled) {
2285
- color: #fff;
2286
- background: rgb(210.7368421053, 20.2631578947, 124.6184210526);
2287
- border-color: rgb(210.7368421053, 20.2631578947, 124.6184210526);
2288
- }
2289
- .road-edit-toolbar__button--magenta:disabled, .road-edit-toolbar__button--magenta.disabled {
2290
- color: rgba(0, 0, 0, 0.25);
2291
- background: transparent;
2292
- border-color: transparent;
2293
- cursor: not-allowed;
2294
- }
2295
- .road-edit-toolbar__button--volcano {
2296
- color: #fa541c;
2297
- background: transparent;
2298
- border-color: transparent;
2299
- }
2300
- .road-edit-toolbar__button--volcano:hover:not(:disabled) {
2301
- color: #fff;
2302
- background: #fa541c;
2303
- border-color: #fa541c;
2304
- }
2305
- .road-edit-toolbar__button--volcano:active:not(:disabled) {
2306
- color: #fff;
2307
- background: rgb(222.1077586207, 59.6853448276, 4.8922413793);
2308
- border-color: rgb(222.1077586207, 59.6853448276, 4.8922413793);
2309
- }
2310
- .road-edit-toolbar__button--volcano:disabled, .road-edit-toolbar__button--volcano.disabled {
2311
- color: rgba(0, 0, 0, 0.25);
2312
- background: transparent;
2313
- border-color: transparent;
2314
- cursor: not-allowed;
2315
- }
2316
- .road-edit-toolbar__button--gold {
2317
- color: #faad14;
2318
- background: transparent;
2319
- border-color: transparent;
2320
- }
2321
- .road-edit-toolbar__button--gold:hover:not(:disabled) {
2322
- color: #fff;
2323
- background: #faad14;
2324
- border-color: #faad14;
2325
- }
2326
- .road-edit-toolbar__button--gold:active:not(:disabled) {
2327
- color: #fff;
2328
- background: rgb(214.4375, 144.175, 4.5625);
2329
- border-color: rgb(214.4375, 144.175, 4.5625);
2330
- }
2331
- .road-edit-toolbar__button--gold:disabled, .road-edit-toolbar__button--gold.disabled {
2332
- color: rgba(0, 0, 0, 0.25);
2333
- background: transparent;
2334
- border-color: transparent;
2335
- cursor: not-allowed;
2336
- }
2337
- .road-edit-toolbar__button--orange {
2338
- color: #fa8c16;
2339
- background: transparent;
2340
- border-color: transparent;
2341
- }
2342
- .road-edit-toolbar__button--orange:hover:not(:disabled) {
2343
- color: #fff;
2344
- background: #fa8c16;
2345
- border-color: #fa8c16;
2346
- }
2347
- .road-edit-toolbar__button--orange:active:not(:disabled) {
2348
- color: #fff;
2349
- background: rgb(216.3571428571, 114.2142857143, 4.6428571429);
2350
- border-color: rgb(216.3571428571, 114.2142857143, 4.6428571429);
2351
- }
2352
- .road-edit-toolbar__button--orange:disabled, .road-edit-toolbar__button--orange.disabled {
2353
- color: rgba(0, 0, 0, 0.25);
2354
- background: transparent;
2355
- border-color: transparent;
2356
- cursor: not-allowed;
2357
- }
2358
- .road-edit-toolbar__button--cyan {
2359
- color: #13c2c2;
2360
- background: transparent;
2361
- border-color: transparent;
2362
- }
2363
- .road-edit-toolbar__button--cyan:hover:not(:disabled) {
2364
- color: #fff;
2365
- background: #13c2c2;
2366
- border-color: #13c2c2;
2367
- }
2368
- .road-edit-toolbar__button--cyan:active:not(:disabled) {
2369
- color: #fff;
2370
- background: rgb(14.4507042254, 147.5492957746, 147.5492957746);
2371
- border-color: rgb(14.4507042254, 147.5492957746, 147.5492957746);
2372
- }
2373
- .road-edit-toolbar__button--cyan:disabled, .road-edit-toolbar__button--cyan.disabled {
2374
- color: rgba(0, 0, 0, 0.25);
2375
- background: transparent;
2376
- border-color: transparent;
2377
- cursor: not-allowed;
2378
- }
2379
- .road-edit-toolbar__button--geekblue {
2380
- color: #2f54eb;
2381
- background: transparent;
2382
- border-color: transparent;
2383
- }
2384
- .road-edit-toolbar__button--geekblue:hover:not(:disabled) {
2385
- color: #fff;
2386
- background: #2f54eb;
2387
- border-color: #2f54eb;
2388
- }
2389
- .road-edit-toolbar__button--geekblue:active:not(:disabled) {
2390
- color: #fff;
2391
- background: rgb(20.2631578947, 57.75, 210.7368421053);
2392
- border-color: rgb(20.2631578947, 57.75, 210.7368421053);
2393
- }
2394
- .road-edit-toolbar__button--geekblue:disabled, .road-edit-toolbar__button--geekblue.disabled {
2395
- color: rgba(0, 0, 0, 0.25);
2396
- background: transparent;
2397
- border-color: transparent;
2398
- cursor: not-allowed;
2399
- }
2400
- .road-edit-toolbar__button--purple {
2401
- color: #722ed1;
2402
- background: transparent;
2403
- border-color: transparent;
2404
- }
2405
- .road-edit-toolbar__button--purple:hover:not(:disabled) {
2406
- color: #fff;
2407
- background: #722ed1;
2408
- border-color: #722ed1;
2409
- }
2410
- .road-edit-toolbar__button--purple:active:not(:disabled) {
2411
- color: #fff;
2412
- background: rgb(91.2, 36.8, 167.2);
2413
- border-color: rgb(91.2, 36.8, 167.2);
2414
- }
2415
- .road-edit-toolbar__button--purple:disabled, .road-edit-toolbar__button--purple.disabled {
2416
- color: rgba(0, 0, 0, 0.25);
2417
- background: transparent;
2418
- border-color: transparent;
2419
- cursor: not-allowed;
2420
- }
2421
- .road-edit-toolbar__button--large {
2422
- height: 40px;
2423
- padding: 0 16px;
2424
- font-size: 16px;
2425
- border-radius: 6px;
2426
- }
2427
- .road-edit-toolbar__button--large svg {
2428
- width: 20px;
2429
- height: 20px;
2430
- }
2431
- .road-edit-toolbar__button--small {
2432
- height: 32px;
2433
- padding: 0 8px;
2434
- font-size: 12px;
2435
- border-radius: calc(6px - 2px);
2436
- }
2437
- .road-edit-toolbar__button--small svg {
2438
- width: 14px;
2439
- height: 14px;
2440
- }
2441
-
2442
- .road-edit-toolbar--large .road-edit-toolbar__button {
2443
- height: 40px;
2444
- padding: 0 16px;
2445
- font-size: 16px;
2446
- }
2447
- .road-edit-toolbar--large .road-edit-toolbar__button svg {
2448
- width: 20px;
2449
- height: 20px;
2450
- }
2451
-
2452
- .road-edit-toolbar--small .road-edit-toolbar__button {
2453
- height: 32px;
2454
- padding: 0 8px;
2455
- font-size: 12px;
2456
- }
2457
- .road-edit-toolbar--small .road-edit-toolbar__button svg {
2458
- width: 14px;
2459
- height: 14px;
2460
- }
2461
-
2462
- .road-edit-toolbar--large .road-edit-toolbar__icon {
2463
- width: 20px;
2464
- height: 20px;
2465
- }
2466
-
2467
- .road-edit-toolbar--small .road-edit-toolbar__icon {
2468
- width: 14px;
2469
- height: 14px;
2470
- }
2471
-
2472
- .road-edit-toolbar__button-group:not(.road-edit-toolbar__button-group--custom) .road-edit-toolbar__button + .road-edit-toolbar__button:not(.road-edit-toolbar__button--primary):not(.road-edit-toolbar__button--danger)::before {
2473
- content: "";
2474
- position: absolute;
2475
- left: -1px;
2476
- top: 50%;
2477
- transform: translateY(-50%);
2478
- width: 1px;
2479
- height: 48%;
2480
- background-color: rgba(0, 0, 0, 0.06);
2481
- pointer-events: none;
2482
- }
2483
-
2484
- .road-edit-toolbar__icon {
2485
- display: inline-flex;
2486
- align-items: center;
2487
- justify-content: center;
2488
- width: 16px;
2489
- height: 16px;
2490
- }
2491
-
2492
- .road-edit-toolbar__label {
2493
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
2494
- }
2495
-
2496
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group,
2497
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group,
2498
- [data-theme=dark] .road-edit-toolbar__button-group {
2499
- background: #1f1f1f;
2500
- box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.35), 0 3px 6px -4px rgba(0, 0, 0, 0.4), 0 9px 28px 8px rgba(0, 0, 0, 0.3);
2501
- }
2502
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button, .leaflet-container[data-theme=dark] .road-edit-toolbar__button,
2503
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button,
2504
- [data-theme=dark] .road-edit-toolbar__button {
2505
- color: #f0f6fc;
2506
- background: transparent;
2507
- border-color: transparent;
2508
- }
2509
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button:hover:not(:disabled), .leaflet-container[data-theme=dark] .road-edit-toolbar__button:hover:not(:disabled),
2510
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button:hover:not(:disabled),
2511
- [data-theme=dark] .road-edit-toolbar__button:hover:not(:disabled) {
2512
- color: #1668dc;
2513
- background: rgba(255, 255, 255, 0.08);
2514
- border-color: transparent;
2515
- }
2516
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button:active:not(:disabled), .leaflet-container[data-theme=dark] .road-edit-toolbar__button:active:not(:disabled),
2517
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button:active:not(:disabled),
2518
- [data-theme=dark] .road-edit-toolbar__button:active:not(:disabled) {
2519
- color: #1668dc;
2520
- background: rgba(255, 255, 255, 0.15);
2521
- border-color: transparent;
2522
- }
2523
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--disabled,
2524
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button:disabled,
2525
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--disabled,
2526
- [data-theme=dark] .road-edit-toolbar__button:disabled,
2527
- [data-theme=dark] .road-edit-toolbar__button--disabled {
2528
- color: rgba(255, 255, 255, 0.25);
2529
- background: transparent;
2530
- border-color: transparent;
2531
- }
2532
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--primary,
2533
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary,
2534
- [data-theme=dark] .road-edit-toolbar__button--primary {
2535
- color: #fff;
2536
- background: #1668dc;
2537
- border-color: #1668dc;
2538
- }
2539
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary:hover:not(:disabled), .leaflet-container[data-theme=dark] .road-edit-toolbar__button--primary:hover:not(:disabled),
2540
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary:hover:not(:disabled),
2541
- [data-theme=dark] .road-edit-toolbar__button--primary:hover:not(:disabled) {
2542
- background: rgb(57.7272727273, 131.2561983471, 235.2727272727);
2543
- border-color: rgb(57.7272727273, 131.2561983471, 235.2727272727);
2544
- }
2545
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary:active:not(:disabled), .leaflet-container[data-theme=dark] .road-edit-toolbar__button--primary:active:not(:disabled),
2546
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary:active:not(:disabled),
2547
- [data-theme=dark] .road-edit-toolbar__button--primary:active:not(:disabled) {
2548
- background: #1668dc;
2549
- border-color: #1668dc;
2550
- }
2551
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary.disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--primary.disabled,
2552
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary:disabled,
2553
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary.disabled,
2554
- [data-theme=dark] .road-edit-toolbar__button--primary:disabled,
2555
- [data-theme=dark] .road-edit-toolbar__button--primary.disabled {
2556
- color: rgba(255, 255, 255, 0.6);
2557
- background: rgba(139, 69, 19, 0.5);
2558
- border-color: rgba(139, 69, 19, 0.5);
2559
- }
2560
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--danger,
2561
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger,
2562
- [data-theme=dark] .road-edit-toolbar__button--danger {
2563
- color: #ff7875;
2564
- background: transparent;
2565
- border-color: transparent;
2566
- }
2567
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger:hover:not(:disabled), .leaflet-container[data-theme=dark] .road-edit-toolbar__button--danger:hover:not(:disabled),
2568
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger:hover:not(:disabled),
2569
- [data-theme=dark] .road-edit-toolbar__button--danger:hover:not(:disabled) {
2570
- color: #fff;
2571
- background: #ff4d4f;
2572
- border-color: #ff4d4f;
2573
- }
2574
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger:active:not(:disabled), .leaflet-container[data-theme=dark] .road-edit-toolbar__button--danger:active:not(:disabled),
2575
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger:active:not(:disabled),
2576
- [data-theme=dark] .road-edit-toolbar__button--danger:active:not(:disabled) {
2577
- color: #fff;
2578
- background: rgb(255, 26, 28.5730337079);
2579
- border-color: rgb(255, 26, 28.5730337079);
2580
- }
2581
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger.disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--danger.disabled,
2582
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger:disabled,
2583
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger.disabled,
2584
- [data-theme=dark] .road-edit-toolbar__button--danger:disabled,
2585
- [data-theme=dark] .road-edit-toolbar__button--danger.disabled {
2586
- color: rgba(255, 255, 255, 0.25);
2587
- background: transparent;
2588
- border-color: transparent;
2589
- }
2590
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--active, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--active,
2591
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--active,
2592
- [data-theme=dark] .road-edit-toolbar__button--active {
2593
- color: #fff;
2594
- background: #8B4513;
2595
- border-color: #8B4513;
2596
- }
2597
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group .road-edit-toolbar__button + .road-edit-toolbar__button:not(.road-edit-toolbar__button--primary):not(.road-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2598
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2599
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2600
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2601
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group .road-edit-toolbar__button + .road-edit-toolbar__button:not(.road-edit-toolbar__button--primary):not(.road-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2602
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2603
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2604
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2605
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2606
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group .road-edit-toolbar__button + .road-edit-toolbar__button:not(.road-edit-toolbar__button--primary):not(.road-edit-toolbar__button--danger)::before,
2607
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2608
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2609
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2610
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2611
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2612
- [data-theme=dark] .road-edit-toolbar__button-group .road-edit-toolbar__button + .road-edit-toolbar__button:not(.road-edit-toolbar__button--primary):not(.road-edit-toolbar__button--danger)::before,
2613
- .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2614
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2615
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2616
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2617
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2618
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2619
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2620
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2621
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2622
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2623
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2624
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2625
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2626
- .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2627
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2628
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2629
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2630
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2631
- .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2632
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2633
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2634
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2635
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2636
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2637
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2638
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2639
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2640
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2641
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2642
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2643
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2644
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2645
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2646
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2647
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2648
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2649
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2650
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2651
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2652
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2653
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2654
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2655
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2656
- [data-theme=dark] .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2657
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2658
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2659
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2660
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2661
- [data-theme=dark] .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2662
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2663
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2664
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2665
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2666
- [data-theme=dark] .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2667
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2668
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2669
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2670
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2671
- [data-theme=dark] .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2672
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2673
- [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2674
- [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2675
- [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before {
2676
- background-color: rgba(255, 255, 255, 0.06);
2677
- }
2678
-
2679
- [data-theme=dark] .road-vertex {
2680
- background: #1668dc;
2681
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
2682
- }
2683
- [data-theme=dark] .road-tooltip strong {
2684
- color: #e0e0e0;
2685
- }
2686
- [data-theme=dark] .road-tooltip span {
2687
- color: #a0a0a0;
2688
- }
2689
-
2690
- /**
2691
- * 双向标尺样式 - L型布局
2692
- * 覆盖整个地图窗口,标尺贴边显示
2693
- */
2694
- /**
2695
- * 样式主入口
2696
- * @description 统一导出所有样式
2697
- */
2698
- /**
2699
- * Irrigation 组件样式
2700
- */
2701
- .irrigation-line {
2702
- transition: stroke 0.2s;
2703
- outline: none !important;
2704
- }
2705
- .irrigation-line--selected {
2706
- filter: drop-shadow(0 0 6px rgba(22, 119, 255, 0.5));
2707
- }
2708
- .irrigation-line--editing {
2709
- filter: drop-shadow(0 0 8px rgba(22, 119, 255, 0.7));
2710
- }
2711
- .irrigation-line--preview {
2712
- stroke-dasharray: 10, 10;
2713
- animation: irrigation-dash 1s linear infinite;
2714
- }
2715
-
2716
- .leaflet-container .irrigation-interactive {
2717
- outline: none !important;
2718
- }
2719
- .leaflet-container path.irrigation-interactive {
2720
- outline: none !important;
2721
- }
2722
-
2723
- @keyframes irrigation-dash {
2724
- to {
2725
- stroke-dashoffset: -20;
2726
- }
2727
- }
2728
- .irrigation-distance-label-wrapper {
2729
- background: transparent !important;
2730
- border: none !important;
2731
- }
2732
-
2733
- .irrigation-distance-label {
2734
- background: transparent;
2735
- color: #fff;
2736
- font-size: 14px;
2737
- font-weight: 600;
2738
- padding: 0;
2739
- white-space: nowrap;
2740
- pointer-events: none;
2741
- text-shadow: -1px -1px 0 #1E90FF, 1px -1px 0 #1E90FF, -1px 1px 0 #1E90FF, 1px 1px 0 #1E90FF, 0 0 3px rgba(30, 144, 255, 0.5);
2742
- }
2743
-
2744
- /* 进水口/出水口标记样式 */
2745
- .irrigation-port-wrapper {
2746
- background: transparent !important;
2747
- border: none !important;
2748
- }
2749
-
2750
- .irrigation-port {
2751
- position: relative;
2752
- display: flex;
2753
- flex-direction: column;
2754
- align-items: center;
2755
- transition: transform 0.1s;
2756
- }
2757
- .irrigation-port svg {
2758
- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
2759
- transition: transform 0.2s;
2760
- }
2761
- .irrigation-port:hover svg {
2762
- transform: scale(1.15);
2763
- }
2764
- .irrigation-port__label {
2765
- position: absolute;
2766
- top: calc(100% + 4px);
2767
- left: 50%;
2768
- margin-top: 4px;
2769
- padding: 2px 8px;
2770
- font-size: 12px;
2771
- font-weight: 500;
2772
- color: #fff;
2773
- background: rgba(0, 0, 0, 0.75);
2774
- border-radius: 4px;
2775
- white-space: nowrap;
2776
- opacity: 0;
2777
- transition: opacity 0.2s;
2778
- pointer-events: none;
2779
- z-index: 10;
2780
- }
2781
- .irrigation-port:hover .irrigation-port__label {
2782
- opacity: 1;
2783
- }
2784
-
2785
- .irrigation-port--inlet svg {
2786
- /* 进水口蓝色 - 颜色已在 SVG 中设置 */
2787
- filter: drop-shadow(0 0 4px rgba(30, 144, 255, 0.5));
2788
- }
2789
-
2790
- .irrigation-port--outlet svg {
2791
- /* 出水口绿色 - 颜色已在 SVG 中设置 */
2792
- filter: drop-shadow(0 0 4px rgba(82, 196, 26, 0.5));
2793
- }
2794
-
2795
- /* 进水口箭头动画 - 向下脉冲流动 */
2796
- .irrigation-port--inlet .irrigation-port__arrow {
2797
- animation: inlet-arrow-flow 1.2s ease-in-out infinite;
2798
- transform-origin: center center;
2799
- }
2800
-
2801
- @keyframes inlet-arrow-flow {
2802
- 0%, 100% {
2803
- transform: translateY(0);
2804
- opacity: 1;
2805
- }
2806
- 50% {
2807
- transform: translateY(2px);
2808
- opacity: 0.5;
2809
- }
2810
- }
2811
- /* 出水口箭头动画 - 向上脉冲流动 */
2812
- .irrigation-port--outlet .irrigation-port__arrow {
2813
- animation: outlet-arrow-flow 1.2s ease-in-out infinite;
2814
- transform-origin: center center;
2815
- }
2816
-
2817
- @keyframes outlet-arrow-flow {
2818
- 0%, 100% {
2819
- transform: translateY(0);
2820
- opacity: 1;
2821
- }
2822
- 50% {
2823
- transform: translateY(-2px);
2824
- opacity: 0.5;
2825
- }
2826
- }
2827
- .irrigation-edit-toolbar {
2828
- position: absolute;
2829
- bottom: 20px;
2830
- left: 50%;
2831
- transform: translateX(-50%);
2832
- z-index: 1000;
2833
- display: flex;
2834
- align-items: center;
2835
- gap: 8px;
2836
- }
2837
-
2838
- .irrigation-edit-toolbar__button-group {
2839
- display: inline-flex;
2840
- align-items: center;
2841
- gap: 0;
2842
- background: #fff;
2843
- border-radius: 6px;
2844
- box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
2845
- }
2846
-
2847
- .irrigation-edit-toolbar__button {
2848
- position: relative;
2849
- display: inline-flex;
2850
- align-items: center;
2851
- justify-content: center;
2852
- gap: 8px;
2853
- height: 32px;
2854
- padding: 0 12px;
2855
- font-size: 14px;
2856
- font-weight: 400;
2857
- line-height: 1.5714;
2858
- border: 1px solid transparent;
2859
- border-radius: calc(6px - 2px);
2860
- background: #fff;
2861
- color: rgba(0, 0, 0, 0.88);
2862
- cursor: pointer;
2863
- transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
2864
- white-space: nowrap;
2865
- user-select: none;
2866
- margin: 0;
2867
- outline: none;
2868
- }
2869
- .irrigation-edit-toolbar__button:focus-visible {
2870
- box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.2);
2871
- }
2872
- .irrigation-edit-toolbar__button svg {
2873
- width: 16px;
2874
- height: 16px;
2875
- flex-shrink: 0;
2876
- }
2877
- .irrigation-edit-toolbar__button:hover:not(:disabled) {
2878
- color: #1677ff;
2879
- background: rgba(0, 0, 0, 0.06);
2880
- border-color: #1677ff;
2881
- }
2882
- .irrigation-edit-toolbar__button:active:not(:disabled) {
2883
- color: #4096ff;
2884
- background: rgba(0, 0, 0, 0.1);
2885
- border-color: #4096ff;
2886
- }
2887
- .irrigation-edit-toolbar__button:disabled, .irrigation-edit-toolbar__button--disabled {
2888
- color: rgba(0, 0, 0, 0.25);
2889
- background: rgba(0, 0, 0, 0.06);
2890
- cursor: not-allowed;
2891
- }
2892
- .irrigation-edit-toolbar__button:disabled svg, .irrigation-edit-toolbar__button--disabled svg {
2893
- opacity: 0.4;
2894
- }
2895
- .irrigation-edit-toolbar__button--primary {
2896
- color: #fff;
2897
- background: #1677ff;
2898
- border-color: #1677ff;
2899
- }
2900
- .irrigation-edit-toolbar__button--primary:hover:not(:disabled) {
2901
- background: #4096ff;
2902
- border-color: #4096ff;
2903
- }
2904
- .irrigation-edit-toolbar__button--primary:active:not(:disabled) {
2905
- background: #1677ff;
2906
- border-color: #1677ff;
2907
- }
2908
- .irrigation-edit-toolbar__button--primary:disabled, .irrigation-edit-toolbar__button--primary.disabled {
2909
- color: rgba(255, 255, 255, 0.6);
2910
- background: rgba(30, 144, 255, 0.5);
2911
- border-color: rgba(30, 144, 255, 0.5);
2912
- cursor: not-allowed;
2913
- }
2914
- .irrigation-edit-toolbar__button--danger {
2915
- color: #ff4d4f;
2916
- background: transparent;
2917
- border-color: transparent;
2918
- }
2919
- .irrigation-edit-toolbar__button--danger:hover:not(:disabled) {
2920
- color: #fff;
2921
- background: #ff4d4f;
2922
- border-color: #ff4d4f;
2923
- }
2924
- .irrigation-edit-toolbar__button--danger:active:not(:disabled) {
2925
- color: #fff;
2926
- background: rgb(255, 26, 28.5730337079);
2927
- border-color: rgb(255, 26, 28.5730337079);
2928
- }
2929
- .irrigation-edit-toolbar__button--danger:disabled, .irrigation-edit-toolbar__button--danger.disabled {
2930
- color: rgba(0, 0, 0, 0.25);
2931
- background: transparent;
2932
- cursor: not-allowed;
2933
- }
2934
- .irrigation-edit-toolbar__button--active {
2935
- color: #fff;
2936
- background: #1E90FF;
2937
- border-color: #1E90FF;
2938
- }
2939
- .irrigation-edit-toolbar__button--success {
2940
- color: #52c41a;
2941
- background: transparent;
2942
- border-color: transparent;
2943
- }
2944
- .irrigation-edit-toolbar__button--success:hover:not(:disabled) {
2945
- color: #fff;
2946
- background: #52c41a;
2947
- border-color: #52c41a;
2948
- }
2949
- .irrigation-edit-toolbar__button--success:active:not(:disabled) {
2950
- color: #fff;
2951
- background: rgb(63.1621621622, 150.972972973, 20.027027027);
2952
- border-color: rgb(63.1621621622, 150.972972973, 20.027027027);
2953
- }
2954
- .irrigation-edit-toolbar__button--success:disabled, .irrigation-edit-toolbar__button--success.disabled {
2955
- color: rgba(0, 0, 0, 0.25);
2956
- background: transparent;
2957
- border-color: transparent;
2958
- cursor: not-allowed;
2959
- }
2960
- .irrigation-edit-toolbar__button--warning {
2961
- color: #faad14;
2962
- background: transparent;
2963
- border-color: transparent;
2964
- }
2965
- .irrigation-edit-toolbar__button--warning:hover:not(:disabled) {
2966
- color: #fff;
2967
- background: #faad14;
2968
- border-color: #faad14;
2969
- }
2970
- .irrigation-edit-toolbar__button--warning:active:not(:disabled) {
2971
- color: #fff;
2972
- background: rgb(214.4375, 144.175, 4.5625);
2973
- border-color: rgb(214.4375, 144.175, 4.5625);
2974
- }
2975
- .irrigation-edit-toolbar__button--warning:disabled, .irrigation-edit-toolbar__button--warning.disabled {
2976
- color: rgba(0, 0, 0, 0.25);
2977
- background: transparent;
2978
- border-color: transparent;
2979
- cursor: not-allowed;
2980
- }
2981
- .irrigation-edit-toolbar__button--error {
2982
- color: #ff4d4f;
2983
- background: transparent;
2984
- border-color: transparent;
2985
- }
2986
- .irrigation-edit-toolbar__button--error:hover:not(:disabled) {
2987
- color: #fff;
2988
- background: #ff4d4f;
2989
- border-color: #ff4d4f;
2990
- }
2991
- .irrigation-edit-toolbar__button--error:active:not(:disabled) {
2992
- color: #fff;
2993
- background: rgb(255, 26, 28.5730337079);
2994
- border-color: rgb(255, 26, 28.5730337079);
2995
- }
2996
- .irrigation-edit-toolbar__button--error:disabled, .irrigation-edit-toolbar__button--error.disabled {
2997
- color: rgba(0, 0, 0, 0.25);
2998
- background: transparent;
2999
- border-color: transparent;
3000
- cursor: not-allowed;
3001
- }
3002
- .irrigation-edit-toolbar__button--magenta {
3003
- color: #eb2f96;
3004
- background: transparent;
3005
- border-color: transparent;
3006
- }
3007
- .irrigation-edit-toolbar__button--magenta:hover:not(:disabled) {
3008
- color: #fff;
3009
- background: #eb2f96;
3010
- border-color: #eb2f96;
3011
- }
3012
- .irrigation-edit-toolbar__button--magenta:active:not(:disabled) {
3013
- color: #fff;
3014
- background: rgb(210.7368421053, 20.2631578947, 124.6184210526);
3015
- border-color: rgb(210.7368421053, 20.2631578947, 124.6184210526);
3016
- }
3017
- .irrigation-edit-toolbar__button--magenta:disabled, .irrigation-edit-toolbar__button--magenta.disabled {
3018
- color: rgba(0, 0, 0, 0.25);
3019
- background: transparent;
3020
- border-color: transparent;
3021
- cursor: not-allowed;
3022
- }
3023
- .irrigation-edit-toolbar__button--volcano {
3024
- color: #fa541c;
3025
- background: transparent;
3026
- border-color: transparent;
3027
- }
3028
- .irrigation-edit-toolbar__button--volcano:hover:not(:disabled) {
3029
- color: #fff;
3030
- background: #fa541c;
3031
- border-color: #fa541c;
3032
- }
3033
- .irrigation-edit-toolbar__button--volcano:active:not(:disabled) {
3034
- color: #fff;
3035
- background: rgb(222.1077586207, 59.6853448276, 4.8922413793);
3036
- border-color: rgb(222.1077586207, 59.6853448276, 4.8922413793);
3037
- }
3038
- .irrigation-edit-toolbar__button--volcano:disabled, .irrigation-edit-toolbar__button--volcano.disabled {
3039
- color: rgba(0, 0, 0, 0.25);
3040
- background: transparent;
3041
- border-color: transparent;
3042
- cursor: not-allowed;
3043
- }
3044
- .irrigation-edit-toolbar__button--gold {
3045
- color: #faad14;
3046
- background: transparent;
3047
- border-color: transparent;
3048
- }
3049
- .irrigation-edit-toolbar__button--gold:hover:not(:disabled) {
3050
- color: #fff;
3051
- background: #faad14;
3052
- border-color: #faad14;
3053
- }
3054
- .irrigation-edit-toolbar__button--gold:active:not(:disabled) {
3055
- color: #fff;
3056
- background: rgb(214.4375, 144.175, 4.5625);
3057
- border-color: rgb(214.4375, 144.175, 4.5625);
3058
- }
3059
- .irrigation-edit-toolbar__button--gold:disabled, .irrigation-edit-toolbar__button--gold.disabled {
3060
- color: rgba(0, 0, 0, 0.25);
3061
- background: transparent;
3062
- border-color: transparent;
3063
- cursor: not-allowed;
3064
- }
3065
- .irrigation-edit-toolbar__button--orange {
3066
- color: #fa8c16;
3067
- background: transparent;
3068
- border-color: transparent;
3069
- }
3070
- .irrigation-edit-toolbar__button--orange:hover:not(:disabled) {
3071
- color: #fff;
3072
- background: #fa8c16;
3073
- border-color: #fa8c16;
3074
- }
3075
- .irrigation-edit-toolbar__button--orange:active:not(:disabled) {
3076
- color: #fff;
3077
- background: rgb(216.3571428571, 114.2142857143, 4.6428571429);
3078
- border-color: rgb(216.3571428571, 114.2142857143, 4.6428571429);
3079
- }
3080
- .irrigation-edit-toolbar__button--orange:disabled, .irrigation-edit-toolbar__button--orange.disabled {
3081
- color: rgba(0, 0, 0, 0.25);
3082
- background: transparent;
3083
- border-color: transparent;
3084
- cursor: not-allowed;
3085
- }
3086
- .irrigation-edit-toolbar__button--cyan {
3087
- color: #13c2c2;
3088
- background: transparent;
3089
- border-color: transparent;
3090
- }
3091
- .irrigation-edit-toolbar__button--cyan:hover:not(:disabled) {
3092
- color: #fff;
3093
- background: #13c2c2;
3094
- border-color: #13c2c2;
3095
- }
3096
- .irrigation-edit-toolbar__button--cyan:active:not(:disabled) {
3097
- color: #fff;
3098
- background: rgb(14.4507042254, 147.5492957746, 147.5492957746);
3099
- border-color: rgb(14.4507042254, 147.5492957746, 147.5492957746);
3100
- }
3101
- .irrigation-edit-toolbar__button--cyan:disabled, .irrigation-edit-toolbar__button--cyan.disabled {
3102
- color: rgba(0, 0, 0, 0.25);
3103
- background: transparent;
3104
- border-color: transparent;
3105
- cursor: not-allowed;
3106
- }
3107
- .irrigation-edit-toolbar__button--geekblue {
3108
- color: #2f54eb;
3109
- background: transparent;
3110
- border-color: transparent;
3111
- }
3112
- .irrigation-edit-toolbar__button--geekblue:hover:not(:disabled) {
3113
- color: #fff;
3114
- background: #2f54eb;
3115
- border-color: #2f54eb;
3116
- }
3117
- .irrigation-edit-toolbar__button--geekblue:active:not(:disabled) {
3118
- color: #fff;
3119
- background: rgb(20.2631578947, 57.75, 210.7368421053);
3120
- border-color: rgb(20.2631578947, 57.75, 210.7368421053);
3121
- }
3122
- .irrigation-edit-toolbar__button--geekblue:disabled, .irrigation-edit-toolbar__button--geekblue.disabled {
3123
- color: rgba(0, 0, 0, 0.25);
3124
- background: transparent;
3125
- border-color: transparent;
3126
- cursor: not-allowed;
3127
- }
3128
- .irrigation-edit-toolbar__button--purple {
3129
- color: #722ed1;
3130
- background: transparent;
3131
- border-color: transparent;
3132
- }
3133
- .irrigation-edit-toolbar__button--purple:hover:not(:disabled) {
3134
- color: #fff;
3135
- background: #722ed1;
3136
- border-color: #722ed1;
3137
- }
3138
- .irrigation-edit-toolbar__button--purple:active:not(:disabled) {
3139
- color: #fff;
3140
- background: rgb(91.2, 36.8, 167.2);
3141
- border-color: rgb(91.2, 36.8, 167.2);
3142
- }
3143
- .irrigation-edit-toolbar__button--purple:disabled, .irrigation-edit-toolbar__button--purple.disabled {
3144
- color: rgba(0, 0, 0, 0.25);
3145
- background: transparent;
3146
- border-color: transparent;
3147
- cursor: not-allowed;
3148
- }
3149
- .irrigation-edit-toolbar__button--large {
3150
- height: 40px;
3151
- padding: 0 16px;
3152
- font-size: 16px;
3153
- border-radius: 6px;
3154
- }
3155
- .irrigation-edit-toolbar__button--large svg {
3156
- width: 20px;
3157
- height: 20px;
3158
- }
3159
- .irrigation-edit-toolbar__button--small {
3160
- height: 32px;
3161
- padding: 0 8px;
3162
- font-size: 12px;
3163
- border-radius: calc(6px - 2px);
3164
- }
3165
- .irrigation-edit-toolbar__button--small svg {
3166
- width: 14px;
3167
- height: 14px;
3168
- }
3169
-
3170
- .irrigation-edit-toolbar--large .irrigation-edit-toolbar__button {
3171
- height: 40px;
3172
- padding: 0 16px;
3173
- font-size: 16px;
3174
- }
3175
- .irrigation-edit-toolbar--large .irrigation-edit-toolbar__button svg {
3176
- width: 20px;
3177
- height: 20px;
3178
- }
3179
-
3180
- .irrigation-edit-toolbar--small .irrigation-edit-toolbar__button {
3181
- height: 32px;
3182
- padding: 0 8px;
3183
- font-size: 12px;
3184
- }
3185
- .irrigation-edit-toolbar--small .irrigation-edit-toolbar__button svg {
3186
- width: 14px;
3187
- height: 14px;
3188
- }
3189
-
3190
- .irrigation-edit-toolbar--large .irrigation-edit-toolbar__icon {
3191
- width: 20px;
3192
- height: 20px;
3193
- }
3194
-
3195
- .irrigation-edit-toolbar--small .irrigation-edit-toolbar__icon {
3196
- width: 14px;
3197
- height: 14px;
3198
- }
3199
-
3200
- .irrigation-edit-toolbar__button-group:not(.irrigation-edit-toolbar__button-group--custom) .irrigation-edit-toolbar__button + .irrigation-edit-toolbar__button:not(.irrigation-edit-toolbar__button--primary):not(.irrigation-edit-toolbar__button--danger)::before {
3201
- content: "";
3202
- position: absolute;
3203
- left: -1px;
3204
- top: 50%;
3205
- transform: translateY(-50%);
3206
- width: 1px;
3207
- height: 48%;
3208
- background-color: rgba(0, 0, 0, 0.06);
3209
- pointer-events: none;
3210
- }
3211
-
3212
- .irrigation-edit-toolbar__icon {
3213
- display: inline-flex;
3214
- align-items: center;
3215
- justify-content: center;
3216
- width: 16px;
3217
- height: 16px;
3218
- }
3219
-
3220
- .irrigation-edit-toolbar__label {
3221
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
3222
- }
3223
-
3224
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group,
3225
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group,
3226
- [data-theme=dark] .irrigation-edit-toolbar__button-group {
3227
- background: #1f1f1f;
3228
- box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.35), 0 3px 6px -4px rgba(0, 0, 0, 0.4), 0 9px 28px 8px rgba(0, 0, 0, 0.3);
3229
- }
3230
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button,
3231
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button,
3232
- [data-theme=dark] .irrigation-edit-toolbar__button {
3233
- color: #f0f6fc;
3234
- background: transparent;
3235
- border-color: transparent;
3236
- }
3237
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button:hover:not(:disabled), .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button:hover:not(:disabled),
3238
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button:hover:not(:disabled),
3239
- [data-theme=dark] .irrigation-edit-toolbar__button:hover:not(:disabled) {
3240
- color: #1668dc;
3241
- background: rgba(255, 255, 255, 0.08);
3242
- border-color: transparent;
3243
- }
3244
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button:active:not(:disabled), .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button:active:not(:disabled),
3245
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button:active:not(:disabled),
3246
- [data-theme=dark] .irrigation-edit-toolbar__button:active:not(:disabled) {
3247
- color: #1668dc;
3248
- background: rgba(255, 255, 255, 0.15);
3249
- border-color: transparent;
3250
- }
3251
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--disabled,
3252
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button:disabled,
3253
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--disabled,
3254
- [data-theme=dark] .irrigation-edit-toolbar__button:disabled,
3255
- [data-theme=dark] .irrigation-edit-toolbar__button--disabled {
3256
- color: rgba(255, 255, 255, 0.25);
3257
- background: transparent;
3258
- border-color: transparent;
3259
- }
3260
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--primary,
3261
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary,
3262
- [data-theme=dark] .irrigation-edit-toolbar__button--primary {
3263
- color: #fff;
3264
- background: #1668dc;
3265
- border-color: #1668dc;
3266
- }
3267
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary:hover:not(:disabled), .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--primary:hover:not(:disabled),
3268
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary:hover:not(:disabled),
3269
- [data-theme=dark] .irrigation-edit-toolbar__button--primary:hover:not(:disabled) {
3270
- background: rgb(57.7272727273, 131.2561983471, 235.2727272727);
3271
- border-color: rgb(57.7272727273, 131.2561983471, 235.2727272727);
3272
- }
3273
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary:active:not(:disabled), .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--primary:active:not(:disabled),
3274
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary:active:not(:disabled),
3275
- [data-theme=dark] .irrigation-edit-toolbar__button--primary:active:not(:disabled) {
3276
- background: #1668dc;
3277
- border-color: #1668dc;
3278
- }
3279
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary.disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--primary.disabled,
3280
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary:disabled,
3281
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary.disabled,
3282
- [data-theme=dark] .irrigation-edit-toolbar__button--primary:disabled,
3283
- [data-theme=dark] .irrigation-edit-toolbar__button--primary.disabled {
3284
- color: rgba(255, 255, 255, 0.6);
3285
- background: rgba(30, 144, 255, 0.5);
3286
- border-color: rgba(30, 144, 255, 0.5);
3287
- }
3288
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--danger,
3289
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger,
3290
- [data-theme=dark] .irrigation-edit-toolbar__button--danger {
3291
- color: #ff7875;
3292
- background: transparent;
3293
- border-color: transparent;
3294
- }
3295
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger:hover:not(:disabled), .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--danger:hover:not(:disabled),
3296
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger:hover:not(:disabled),
3297
- [data-theme=dark] .irrigation-edit-toolbar__button--danger:hover:not(:disabled) {
3298
- color: #fff;
3299
- background: #ff4d4f;
3300
- border-color: #ff4d4f;
3301
- }
3302
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger:active:not(:disabled), .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--danger:active:not(:disabled),
3303
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger:active:not(:disabled),
3304
- [data-theme=dark] .irrigation-edit-toolbar__button--danger:active:not(:disabled) {
3305
- color: #fff;
3306
- background: rgb(255, 26, 28.5730337079);
3307
- border-color: rgb(255, 26, 28.5730337079);
3308
- }
3309
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger.disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--danger.disabled,
3310
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger:disabled,
3311
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger.disabled,
3312
- [data-theme=dark] .irrigation-edit-toolbar__button--danger:disabled,
3313
- [data-theme=dark] .irrigation-edit-toolbar__button--danger.disabled {
3314
- color: rgba(255, 255, 255, 0.25);
3315
- background: transparent;
3316
- border-color: transparent;
3317
- }
3318
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--active, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--active,
3319
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--active,
3320
- [data-theme=dark] .irrigation-edit-toolbar__button--active {
3321
- color: #fff;
3322
- background: #1E90FF;
3323
- border-color: #1E90FF;
3324
- }
3325
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group .irrigation-edit-toolbar__button + .irrigation-edit-toolbar__button:not(.irrigation-edit-toolbar__button--primary):not(.irrigation-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3326
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3327
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3328
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3329
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group .irrigation-edit-toolbar__button + .irrigation-edit-toolbar__button:not(.irrigation-edit-toolbar__button--primary):not(.irrigation-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3330
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3331
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3332
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3333
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3334
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group .irrigation-edit-toolbar__button + .irrigation-edit-toolbar__button:not(.irrigation-edit-toolbar__button--primary):not(.irrigation-edit-toolbar__button--danger)::before,
3335
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3336
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3337
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3338
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3339
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3340
- [data-theme=dark] .irrigation-edit-toolbar__button-group .irrigation-edit-toolbar__button + .irrigation-edit-toolbar__button:not(.irrigation-edit-toolbar__button--primary):not(.irrigation-edit-toolbar__button--danger)::before,
3341
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3342
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3343
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3344
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3345
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3346
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3347
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3348
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3349
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3350
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3351
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3352
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3353
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3354
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3355
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3356
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3357
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3358
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3359
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3360
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3361
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3362
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3363
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3364
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3365
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3366
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3367
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3368
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3369
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3370
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3371
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3372
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3373
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3374
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3375
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3376
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3377
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3378
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3379
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3380
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3381
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3382
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3383
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3384
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3385
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3386
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3387
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3388
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3389
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3390
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3391
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3392
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3393
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3394
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3395
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3396
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3397
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3398
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3399
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3400
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3401
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3402
- [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3403
- [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before {
3404
- background-color: rgba(255, 255, 255, 0.06);
3405
- }
3406
-
3407
- .leaflet-container.irrigation-drawing-mode .marker-icon,
3408
- .leaflet-container.irrigation-drawing-mode .leaflet-marker-icon.marker-icon {
3409
- background: #fff !important;
3410
- background-color: #fff !important;
3411
- border: 2px solid var(--irrigation-vertex-color, #1E90FF) !important;
3412
- border-radius: 50% !important;
3413
- box-shadow: 0 0 4px rgba(30, 144, 255, 0.5) !important;
3414
- box-sizing: border-box !important;
3415
- }
3416
-
3417
- .leaflet-container.irrigation-editing-mode .marker-icon,
3418
- .leaflet-container.irrigation-editing-mode .leaflet-marker-icon.marker-icon {
3419
- background: #fff !important;
3420
- background-color: #fff !important;
3421
- border: 2px solid var(--irrigation-edit-vertex-color, #1E90FF) !important;
3422
- border-radius: 50% !important;
3423
- box-shadow: 0 0 4px rgba(30, 144, 255, 0.5) !important;
3424
- box-sizing: border-box !important;
3425
- }
3426
-
3427
- [data-theme=dark] .irrigation-port__label {
3428
- background: rgba(255, 255, 255, 0.15);
3429
- color: #e0e0e0;
3430
- }
3431
-
3432
- /**
3433
- * SelectIcon 图标选择器样式
3434
- */
3435
- :root {
3436
- --si-trigger-bg: rgba(255, 255, 255, 0.85);
3437
- --si-trigger-bg-solid: #fff;
3438
- --si-trigger-border: rgba(0, 0, 0, 0.15);
3439
- --si-trigger-border-hover: #1677ff;
3440
- --si-trigger-border-focus: #1677ff;
3441
- --si-trigger-focus-shadow: rgba(22, 119, 255, 0.1);
3442
- --si-text: rgba(0, 0, 0, 0.88);
3443
- --si-text-secondary: rgba(0, 0, 0, 0.45);
3444
- --si-text-disabled: rgba(0, 0, 0, 0.25);
3445
- --si-text-placeholder: rgba(0, 0, 0, 0.25);
3446
- --si-arrow-color: rgba(0, 0, 0, 0.25);
3447
- --si-disabled-bg: rgba(0, 0, 0, 0.04);
3448
- --si-clear-hover-bg: rgba(0, 0, 0, 0.06);
3449
- --si-clear-hover-color: rgba(0, 0, 0, 0.45);
3450
- --si-dropdown-bg: #fff;
3451
- --si-dropdown-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
3452
- --si-item-hover-bg: rgba(0, 0, 0, 0.04);
3453
- --si-item-selected-border: #1677ff;
3454
- --si-item-selected-bg: rgba(22, 119, 255, 0.04);
3455
- --si-item-name-color: rgba(0, 0, 0, 0.65);
3456
- --si-group-label-color: rgba(0, 0, 0, 0.45);
3457
- --si-scrollbar-thumb: rgba(0, 0, 0, 0.15);
3458
- --si-scrollbar-thumb-hover: rgba(0, 0, 0, 0.3);
3459
- }
3460
-
3461
- [data-theme=dark] .agri-select-icon {
3462
- --si-trigger-bg-solid: #1a1a1a;
3463
- --si-trigger-border: rgba(255, 255, 255, 0.15);
3464
- --si-trigger-border-hover: #66bb6a;
3465
- --si-trigger-border-focus: #66bb6a;
3466
- --si-trigger-focus-shadow: rgba(102, 187, 106, 0.15);
3467
- --si-text: #f0f6fc;
3468
- --si-text-secondary: rgba(255, 255, 255, 0.45);
3469
- --si-text-disabled: rgba(255, 255, 255, 0.25);
3470
- --si-text-placeholder: rgba(255, 255, 255, 0.25);
3471
- --si-arrow-color: rgba(255, 255, 255, 0.35);
3472
- --si-disabled-bg: rgba(255, 255, 255, 0.04);
3473
- --si-clear-hover-bg: rgba(255, 255, 255, 0.08);
3474
- --si-clear-hover-color: rgba(255, 255, 255, 0.55);
3475
- --si-dropdown-bg: #1a1a1a;
3476
- --si-dropdown-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.35), 0 3px 6px -4px rgba(0, 0, 0, 0.4), 0 9px 28px 8px rgba(0, 0, 0, 0.3);
3477
- --si-item-hover-bg: rgba(255, 255, 255, 0.06);
3478
- --si-item-selected-border: #66bb6a;
3479
- --si-item-selected-bg: rgba(102, 187, 106, 0.08);
3480
- --si-item-name-color: rgba(255, 255, 255, 0.65);
3481
- --si-group-label-color: rgba(255, 255, 255, 0.45);
3482
- --si-scrollbar-thumb: rgba(255, 255, 255, 0.15);
3483
- --si-scrollbar-thumb-hover: rgba(255, 255, 255, 0.3);
3484
- }
3485
-
3486
- .agri-select-icon {
3487
- position: relative;
3488
- display: inline-flex;
3489
- align-items: center;
3490
- }
3491
- .agri-select-icon-trigger {
3492
- display: inline-flex;
3493
- align-items: center;
3494
- width: 100%;
3495
- min-height: 32px;
3496
- padding: 4px 11px;
3497
- border: 1px solid var(--si-trigger-border);
3498
- border-radius: 6px;
3499
- cursor: pointer;
3500
- transition: all 0.15s ease;
3501
- background-color: var(--si-trigger-bg-solid);
3502
- font-size: 14px;
3503
- box-sizing: border-box;
3504
- }
3505
- .agri-select-icon-trigger:hover {
3506
- border-color: var(--si-trigger-border-hover);
3507
- }
3508
- .agri-select-icon-trigger--focused {
3509
- border-color: var(--si-trigger-border-focus);
3510
- box-shadow: 0 0 0 2px var(--si-trigger-focus-shadow);
3511
- }
3512
- .agri-select-icon-trigger--disabled {
3513
- color: var(--si-text-disabled);
3514
- cursor: not-allowed;
3515
- background-color: var(--si-disabled-bg);
3516
- }
3517
- .agri-select-icon-trigger--disabled:hover {
3518
- border-color: var(--si-trigger-border);
3519
- }
3520
- .agri-select-icon-preview {
3521
- display: inline-flex;
3522
- align-items: center;
3523
- justify-content: center;
3524
- margin-right: 8px;
3525
- flex-shrink: 0;
3526
- background: transparent;
3527
- padding: 6px;
3528
- }
3529
- .agri-select-icon-value {
3530
- flex: 1;
3531
- overflow: hidden;
3532
- text-overflow: ellipsis;
3533
- white-space: nowrap;
3534
- color: var(--si-text);
3535
- line-height: 22px;
3536
- }
3537
- .agri-select-icon-placeholder {
3538
- flex: 1;
3539
- color: var(--si-text-placeholder);
3540
- line-height: 22px;
3541
- user-select: none;
3542
- }
3543
- .agri-select-icon-arrow {
3544
- margin-left: 8px;
3545
- color: var(--si-arrow-color);
3546
- font-size: 10px;
3547
- transition: transform 0.15s ease;
3548
- flex-shrink: 0;
3549
- }
3550
- .agri-select-icon-arrow--open {
3551
- transform: rotate(180deg);
3552
- }
3553
- .agri-select-icon-clear {
3554
- display: inline-flex;
3555
- align-items: center;
3556
- justify-content: center;
3557
- width: 16px;
3558
- height: 16px;
3559
- margin-left: 4px;
3560
- color: var(--si-arrow-color);
3561
- font-size: 10px;
3562
- cursor: pointer;
3563
- border-radius: 50%;
3564
- transition: all 0.15s ease;
3565
- flex-shrink: 0;
3566
- }
3567
- .agri-select-icon-clear:hover {
3568
- color: var(--si-clear-hover-color);
3569
- background: var(--si-clear-hover-bg);
3570
- }
3571
- .agri-select-icon-dropdown {
3572
- position: absolute;
3573
- top: calc(100% + 4px);
3574
- z-index: 1050;
3575
- min-width: 360px;
3576
- max-height: 340px;
3577
- overflow-y: auto;
3578
- background: var(--si-dropdown-bg);
3579
- border-radius: 8px;
3580
- box-shadow: var(--si-dropdown-shadow);
3581
- padding: 8px 12px;
3582
- animation: agri-select-icon-slide-in 0.15s ease-out;
3583
- scrollbar-color: var(--si-scrollbar-thumb) transparent;
3584
- scrollbar-width: thin;
3585
- }
3586
- .agri-select-icon-dropdown::-webkit-scrollbar {
3587
- width: 6px;
3588
- }
3589
- .agri-select-icon-dropdown::-webkit-scrollbar-track {
3590
- background: transparent;
3591
- }
3592
- .agri-select-icon-dropdown::-webkit-scrollbar-thumb {
3593
- background: var(--si-scrollbar-thumb);
3594
- border-radius: 3px;
3595
- }
3596
- .agri-select-icon-dropdown::-webkit-scrollbar-thumb:hover {
3597
- background: var(--si-scrollbar-thumb-hover);
3598
- }
3599
- .agri-select-icon-dropdown-group-label {
3600
- font-size: 12px;
3601
- color: var(--si-group-label-color);
3602
- font-weight: 500;
3603
- margin-bottom: 8px;
3604
- margin-top: 12px;
3605
- line-height: 1;
3606
- }
3607
- .agri-select-icon-dropdown-group-label:first-child {
3608
- margin-top: 0;
3609
- }
3610
- .agri-select-icon-dropdown-group-grid {
3611
- display: grid;
3612
- grid-template-columns: repeat(5, 1fr);
3613
- gap: 6px;
3614
- margin-bottom: 4px;
3615
- }
3616
- .agri-select-icon-dropdown-item {
3617
- display: flex;
3618
- flex-direction: column;
3619
- align-items: center;
3620
- padding: 8px 4px;
3621
- border-radius: 6px;
3622
- cursor: pointer;
3623
- transition: all 0.15s ease;
3624
- border: 1px solid transparent;
3625
- }
3626
- .agri-select-icon-dropdown-item:hover {
3627
- background: var(--si-item-hover-bg);
3628
- }
3629
- .agri-select-icon-dropdown-item--selected {
3630
- border-color: var(--si-item-selected-border);
3631
- background: var(--si-item-selected-bg);
3632
- }
3633
- .agri-select-icon-dropdown-item-name {
3634
- font-size: 11px;
3635
- margin-top: 4px;
3636
- color: var(--si-item-name-color);
3637
- text-align: center;
3638
- line-height: 1;
3639
- white-space: nowrap;
3640
- overflow: hidden;
3641
- text-overflow: ellipsis;
3642
- max-width: 100%;
3643
- }
3644
- .agri-select-icon-dropdown-item-preview {
3645
- display: inline-flex;
3646
- align-items: center;
3647
- justify-content: center;
3648
- position: relative;
3649
- background: transparent;
3650
- padding: 6px;
3651
- }
3652
-
3653
- @keyframes agri-select-icon-slide-in {
3654
- from {
3655
- opacity: 0;
3656
- transform: translateY(-4px);
3657
- }
3658
- to {
3659
- opacity: 1;
3660
- transform: translateY(0);
3661
- }
3662
- }
3663
- /**
3664
- * 天地图图层样式
3665
- * 使用 SVG 滤镜实现主题色切换
3666
- */
3667
- .leaflet-container[data-theme=dark] {
3668
- background-color: #1a2a3a !important;
3669
- }
3670
- .leaflet-container[data-theme=dark] .leaflet-tile-pane,
3671
- .leaflet-container[data-theme=dark] .leaflet-objects-pane,
3672
- .leaflet-container[data-theme=dark] .leaflet-overlay-pane,
3673
- .leaflet-container[data-theme=dark] .leaflet-shadow-pane,
3674
- .leaflet-container[data-theme=dark] .leaflet-marker-pane,
3675
- .leaflet-container[data-theme=dark] .leaflet-tooltip-pane,
3676
- .leaflet-container[data-theme=dark] .leaflet-popup-pane,
3677
- .leaflet-container[data-theme=dark] .leaflet-map-pane {
3678
- background-color: transparent;
3679
- }
3680
- .leaflet-container[data-theme=dark] .leaflet-tile-pane {
3681
- background-color: #1a2a3a !important;
3682
- }
3683
- .leaflet-container[data-theme=dark] .leaflet-tile-container {
3684
- background-color: #1a2a3a !important;
3685
- }
3686
- .leaflet-container[data-theme=dark] .leaflet-layer {
3687
- background-color: #1a2a3a !important;
3688
- }
3689
- .leaflet-container[data-theme=dark] .leaflet-tile {
3690
- filter: url("#tianditu-dark-filter");
3691
- background-color: transparent !important;
3692
- box-shadow: none !important;
3693
- outline: none !important;
3694
- border: none !important;
3695
- }
3696
- .leaflet-container[data-theme=dark] .leaflet-zoom-animated:not(.leaflet-tooltip) {
3697
- background-color: transparent !important;
3698
- }
3699
-
3700
- .leaflet-container.dark-theme {
3701
- background-color: #1a2a3a !important;
3702
- }
3703
- .leaflet-container.dark-theme .leaflet-tile-pane,
3704
- .leaflet-container.dark-theme .leaflet-objects-pane,
3705
- .leaflet-container.dark-theme .leaflet-overlay-pane,
3706
- .leaflet-container.dark-theme .leaflet-shadow-pane,
3707
- .leaflet-container.dark-theme .leaflet-marker-pane,
3708
- .leaflet-container.dark-theme .leaflet-tooltip-pane,
3709
- .leaflet-container.dark-theme .leaflet-popup-pane,
3710
- .leaflet-container.dark-theme .leaflet-map-pane {
3711
- background-color: transparent;
3712
- }
3713
- .leaflet-container.dark-theme .leaflet-tile-pane {
3714
- background-color: #1a2a3a !important;
3715
- }
3716
- .leaflet-container.dark-theme .leaflet-tile-container {
3717
- background-color: #1a2a3a !important;
3718
- }
3719
- .leaflet-container.dark-theme .leaflet-layer {
3720
- background-color: #1a2a3a !important;
3721
- }
3722
- .leaflet-container.dark-theme .leaflet-tile {
3723
- filter: url("#tianditu-dark-filter");
3724
- background-color: transparent !important;
3725
- box-shadow: none !important;
3726
- outline: none !important;
3727
- border: none !important;
3728
- }
3729
- .leaflet-container.dark-theme .leaflet-zoom-animated:not(.leaflet-tooltip) {
3730
- background-color: transparent !important;
3731
- }
3732
-
3733
- .leaflet-control-attribution.leaflet-control {
3734
- bottom: 12px;
3735
- right: 10px;
3736
- padding: 2px 10px;
3737
- border-radius: 4px;
3738
- }
3739
- .leaflet-control-attribution.leaflet-control a:first-child {
3740
- display: none;
3741
- }
3742
- .leaflet-control-attribution.leaflet-control a:first-child + span {
3743
- display: none;
3744
- }
3745
-
3746
- .tianditu-layer-selector {
3747
- position: absolute;
3748
- right: 10px;
3749
- bottom: 30px;
3750
- z-index: 1000;
3751
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
3752
- font-size: 12px;
3753
- user-select: none;
3754
- }
3755
-
3756
- .tianditu-layer-selector-btn {
3757
- display: flex;
3758
- flex-direction: column;
3759
- align-items: center;
3760
- width: 80px;
3761
- height: 60px;
3762
- padding: 3px;
3763
- background: rgba(255, 255, 255, 0.95);
3764
- border-radius: 6px;
3765
- border: 2px solid rgba(255, 255, 255, 0.9);
3766
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
3767
- cursor: pointer;
3768
- overflow: hidden;
3769
- transition: all 0.2s ease;
3770
- box-sizing: border-box;
3771
- }
3772
- .tianditu-layer-selector-btn:hover {
3773
- background: #fff;
3774
- border-color: #fff;
3775
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
3776
- }
3777
-
3778
- .tianditu-layer-selector-preview {
3779
- width: 72px;
3780
- height: 38px;
3781
- background-size: cover;
3782
- background-position: center;
3783
- border-radius: 3px;
3784
- border: 1px solid rgba(0, 0, 0, 0.1);
3785
- }
3786
- .tianditu-layer-selector-preview[data-type=vector] {
3787
- background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 30%, #a5d6a7 60%, #81c784 100%);
3788
- background-image: linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.3) 1px, transparent 1px), linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 30%, #a5d6a7 60%, #81c784 100%);
3789
- background-size: 10px 10px, 10px 10px, 100% 100%;
3790
- }
3791
- .tianditu-layer-selector-preview[data-type=satellite] {
3792
- background: linear-gradient(135deg, #1a3a2a 0%, #2d5a3e 30%, #1e4a2e 60%, #0d2a1a 100%);
3793
- background-image: radial-gradient(circle at 30% 40%, rgba(100, 150, 100, 0.3) 0%, transparent 30%), radial-gradient(circle at 70% 60%, rgba(80, 130, 80, 0.3) 0%, transparent 25%), linear-gradient(135deg, #1a3a2a 0%, #2d5a3e 30%, #1e4a2e 60%, #0d2a1a 100%);
3794
- }
3795
- .tianditu-layer-selector-preview[data-type=terrain] {
3796
- background: linear-gradient(135deg, #d4a574 0%, #c9a066 30%, #b8956a 60%, #a08050 100%);
3797
- background-image: linear-gradient(45deg, rgba(139, 105, 20, 0.2) 25%, transparent 25%), linear-gradient(-45deg, rgba(139, 105, 20, 0.2) 25%, transparent 25%), linear-gradient(135deg, #d4a574 0%, #c9a066 30%, #b8956a 60%, #a08050 100%);
3798
- background-size: 20px 20px, 20px 20px, 100% 100%;
3799
- }
3800
-
3801
- .tianditu-layer-selector-label {
3802
- color: #333;
3803
- font-weight: 500;
3804
- line-height: 18px;
3805
- text-align: center;
3806
- }
3807
-
3808
- .tianditu-layer-selector-dropdown {
3809
- position: absolute;
3810
- bottom: 0;
3811
- right: 100%;
3812
- margin-right: 4px;
3813
- display: flex;
3814
- gap: 4px;
3815
- background: rgba(255, 255, 255, 0.98);
3816
- border-radius: 6px;
3817
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
3818
- padding: 4px;
3819
- animation: slideInLeft 0.2s ease;
3820
- }
3821
-
3822
- @keyframes slideInLeft {
3823
- from {
3824
- opacity: 0;
3825
- transform: translateX(10px);
3826
- }
3827
- to {
3828
- opacity: 1;
3829
- transform: translateX(0);
3830
- }
3831
- }
3832
- .tianditu-layer-selector-item {
3833
- display: flex;
3834
- flex-direction: column;
3835
- align-items: center;
3836
- width: 80px;
3837
- height: 60px;
3838
- padding: 3px;
3839
- border-radius: 4px;
3840
- cursor: pointer;
3841
- overflow: hidden;
3842
- transition: all 0.15s ease;
3843
- background: #fff;
3844
- border: 2px solid transparent;
3845
- box-sizing: border-box;
3846
- }
3847
- .tianditu-layer-selector-item:hover {
3848
- border-color: #1890ff;
3849
- }
3850
- .tianditu-layer-selector-item.active {
3851
- border-color: #1890ff;
3852
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.3);
3853
- }
3854
- .tianditu-layer-selector-item .tianditu-layer-selector-preview {
3855
- width: 72px;
3856
- height: 38px;
3857
- }
3858
- .tianditu-layer-selector-item .tianditu-layer-selector-label {
3859
- color: #333;
3860
- font-size: 11px;
3861
- line-height: 14px;
3862
- }
3863
-
3864
- .tianditu-layer-selector-item.active .tianditu-layer-selector-label {
3865
- color: #1890ff;
3866
- font-weight: 600;
3867
- }
3868
-
3869
- .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-btn {
3870
- background: rgba(30, 40, 50, 0.95);
3871
- border-color: rgba(60, 70, 80, 0.9);
3872
- }
3873
- .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-btn:hover {
3874
- background: rgba(40, 50, 60, 0.98);
3875
- border-color: rgba(70, 80, 90, 0.9);
3876
- }
3877
- .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-btn .tianditu-layer-selector-preview {
3878
- border-color: rgba(255, 255, 255, 0.1);
3879
- }
3880
-
3881
- .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-label {
3882
- color: #e0e0e0;
3883
- }
3884
-
3885
- .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-dropdown {
3886
- background: rgba(30, 40, 50, 0.98);
3887
- }
3888
-
3889
- .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-item {
3890
- background: rgba(40, 50, 60, 0.8);
3891
- }
3892
- .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-item:hover {
3893
- border-color: #40a9ff;
3894
- }
3895
- .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-item.active {
3896
- border-color: #40a9ff;
3897
- box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.3);
3898
- }
3899
- .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-item .tianditu-layer-selector-preview {
3900
- border-color: rgba(255, 255, 255, 0.1);
3901
- }
3902
- .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-item .tianditu-layer-selector-label {
3903
- color: #e0e0e0;
3904
- }
3905
-
3906
- .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-item.active .tianditu-layer-selector-label {
3907
- color: #40a9ff;
3908
- }
3909
-
3910
- /**
3911
- * 样式主入口
3912
- * @description 统一导出所有样式
3913
- */
3914
- /**
3915
- * 测量工具栏样式
3916
- * @description 使用 edit-toolbar mixin 实现与 Marker/Plot/Road 等组件一致的工具栏样式
3917
- */
3918
- .measurement-toolbar {
3919
- position: absolute;
3920
- bottom: 20px;
3921
- left: 50%;
3922
- transform: translateX(-50%);
3923
- z-index: 1000;
3924
- display: flex;
3925
- align-items: center;
3926
- gap: 8px;
3927
- }
3928
-
3929
- .measurement-toolbar__button-group {
3930
- display: inline-flex;
3931
- align-items: center;
3932
- gap: 0;
3933
- background: #fff;
3934
- border-radius: 6px;
3935
- box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
3936
- }
3937
-
3938
- .measurement-toolbar__button {
3939
- position: relative;
3940
- display: inline-flex;
3941
- align-items: center;
3942
- justify-content: center;
3943
- gap: 8px;
3944
- height: 32px;
3945
- padding: 0 12px;
3946
- font-size: 14px;
3947
- font-weight: 400;
3948
- line-height: 1.5714;
3949
- border: 1px solid transparent;
3950
- border-radius: calc(6px - 2px);
3951
- background: #fff;
3952
- color: rgba(0, 0, 0, 0.88);
3953
- cursor: pointer;
3954
- transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
3955
- white-space: nowrap;
3956
- user-select: none;
3957
- margin: 0;
3958
- outline: none;
3959
- }
3960
- .measurement-toolbar__button:focus-visible {
3961
- box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2);
3962
- }
3963
- .measurement-toolbar__button svg {
3964
- width: 16px;
3965
- height: 16px;
3966
- flex-shrink: 0;
3967
- }
3968
- .measurement-toolbar__button:hover:not(:disabled) {
3969
- color: #1677ff;
3970
- background: rgba(0, 0, 0, 0.06);
3971
- border-color: #1677ff;
3972
- }
3973
- .measurement-toolbar__button:active:not(:disabled) {
3974
- color: #4096ff;
3975
- background: rgba(0, 0, 0, 0.1);
3976
- border-color: #4096ff;
3977
- }
3978
- .measurement-toolbar__button:disabled, .measurement-toolbar__button--disabled {
3979
- color: rgba(0, 0, 0, 0.25);
3980
- background: rgba(0, 0, 0, 0.06);
3981
- cursor: not-allowed;
3982
- }
3983
- .measurement-toolbar__button:disabled svg, .measurement-toolbar__button--disabled svg {
3984
- opacity: 0.4;
3985
- }
3986
- .measurement-toolbar__button--primary {
3987
- color: #fff;
3988
- background: #1677ff;
3989
- border-color: #1677ff;
3990
- }
3991
- .measurement-toolbar__button--primary:hover:not(:disabled) {
3992
- background: #4096ff;
3993
- border-color: #4096ff;
3994
- }
3995
- .measurement-toolbar__button--primary:active:not(:disabled) {
3996
- background: #1677ff;
3997
- border-color: #1677ff;
3998
- }
3999
- .measurement-toolbar__button--primary:disabled, .measurement-toolbar__button--primary.disabled {
4000
- color: rgba(255, 255, 255, 0.6);
4001
- background: rgba(22, 119, 255, 0.5);
4002
- border-color: rgba(22, 119, 255, 0.5);
4003
- cursor: not-allowed;
4004
- }
4005
- .measurement-toolbar__button--danger {
4006
- color: #ff4d4f;
4007
- background: transparent;
4008
- border-color: transparent;
4009
- }
4010
- .measurement-toolbar__button--danger:hover:not(:disabled) {
4011
- color: #fff;
4012
- background: #ff4d4f;
4013
- border-color: #ff4d4f;
4014
- }
4015
- .measurement-toolbar__button--danger:active:not(:disabled) {
4016
- color: #fff;
4017
- background: rgb(255, 26, 28.5730337079);
4018
- border-color: rgb(255, 26, 28.5730337079);
4019
- }
4020
- .measurement-toolbar__button--danger:disabled, .measurement-toolbar__button--danger.disabled {
4021
- color: rgba(0, 0, 0, 0.25);
4022
- background: transparent;
4023
- cursor: not-allowed;
4024
- }
4025
- .measurement-toolbar__button--active {
4026
- color: #fff;
4027
- background: #1677ff;
4028
- border-color: #1677ff;
4029
- }
4030
- .measurement-toolbar__button--success {
4031
- color: #52c41a;
4032
- background: transparent;
4033
- border-color: transparent;
4034
- }
4035
- .measurement-toolbar__button--success:hover:not(:disabled) {
4036
- color: #fff;
4037
- background: #52c41a;
4038
- border-color: #52c41a;
4039
- }
4040
- .measurement-toolbar__button--success:active:not(:disabled) {
4041
- color: #fff;
4042
- background: rgb(63.1621621622, 150.972972973, 20.027027027);
4043
- border-color: rgb(63.1621621622, 150.972972973, 20.027027027);
4044
- }
4045
- .measurement-toolbar__button--success:disabled, .measurement-toolbar__button--success.disabled {
4046
- color: rgba(0, 0, 0, 0.25);
4047
- background: transparent;
4048
- border-color: transparent;
4049
- cursor: not-allowed;
4050
- }
4051
- .measurement-toolbar__button--warning {
4052
- color: #faad14;
4053
- background: transparent;
4054
- border-color: transparent;
4055
- }
4056
- .measurement-toolbar__button--warning:hover:not(:disabled) {
4057
- color: #fff;
4058
- background: #faad14;
4059
- border-color: #faad14;
4060
- }
4061
- .measurement-toolbar__button--warning:active:not(:disabled) {
4062
- color: #fff;
4063
- background: rgb(214.4375, 144.175, 4.5625);
4064
- border-color: rgb(214.4375, 144.175, 4.5625);
4065
- }
4066
- .measurement-toolbar__button--warning:disabled, .measurement-toolbar__button--warning.disabled {
4067
- color: rgba(0, 0, 0, 0.25);
4068
- background: transparent;
4069
- border-color: transparent;
4070
- cursor: not-allowed;
4071
- }
4072
- .measurement-toolbar__button--error {
4073
- color: #ff4d4f;
4074
- background: transparent;
4075
- border-color: transparent;
4076
- }
4077
- .measurement-toolbar__button--error:hover:not(:disabled) {
4078
- color: #fff;
4079
- background: #ff4d4f;
4080
- border-color: #ff4d4f;
4081
- }
4082
- .measurement-toolbar__button--error:active:not(:disabled) {
4083
- color: #fff;
4084
- background: rgb(255, 26, 28.5730337079);
4085
- border-color: rgb(255, 26, 28.5730337079);
4086
- }
4087
- .measurement-toolbar__button--error:disabled, .measurement-toolbar__button--error.disabled {
4088
- color: rgba(0, 0, 0, 0.25);
4089
- background: transparent;
4090
- border-color: transparent;
4091
- cursor: not-allowed;
4092
- }
4093
- .measurement-toolbar__button--magenta {
4094
- color: #eb2f96;
4095
- background: transparent;
4096
- border-color: transparent;
4097
- }
4098
- .measurement-toolbar__button--magenta:hover:not(:disabled) {
4099
- color: #fff;
4100
- background: #eb2f96;
4101
- border-color: #eb2f96;
4102
- }
4103
- .measurement-toolbar__button--magenta:active:not(:disabled) {
4104
- color: #fff;
4105
- background: rgb(210.7368421053, 20.2631578947, 124.6184210526);
4106
- border-color: rgb(210.7368421053, 20.2631578947, 124.6184210526);
4107
- }
4108
- .measurement-toolbar__button--magenta:disabled, .measurement-toolbar__button--magenta.disabled {
4109
- color: rgba(0, 0, 0, 0.25);
4110
- background: transparent;
4111
- border-color: transparent;
4112
- cursor: not-allowed;
4113
- }
4114
- .measurement-toolbar__button--volcano {
4115
- color: #fa541c;
4116
- background: transparent;
4117
- border-color: transparent;
4118
- }
4119
- .measurement-toolbar__button--volcano:hover:not(:disabled) {
4120
- color: #fff;
4121
- background: #fa541c;
4122
- border-color: #fa541c;
4123
- }
4124
- .measurement-toolbar__button--volcano:active:not(:disabled) {
4125
- color: #fff;
4126
- background: rgb(222.1077586207, 59.6853448276, 4.8922413793);
4127
- border-color: rgb(222.1077586207, 59.6853448276, 4.8922413793);
4128
- }
4129
- .measurement-toolbar__button--volcano:disabled, .measurement-toolbar__button--volcano.disabled {
4130
- color: rgba(0, 0, 0, 0.25);
4131
- background: transparent;
4132
- border-color: transparent;
4133
- cursor: not-allowed;
4134
- }
4135
- .measurement-toolbar__button--gold {
4136
- color: #faad14;
4137
- background: transparent;
4138
- border-color: transparent;
4139
- }
4140
- .measurement-toolbar__button--gold:hover:not(:disabled) {
4141
- color: #fff;
4142
- background: #faad14;
4143
- border-color: #faad14;
4144
- }
4145
- .measurement-toolbar__button--gold:active:not(:disabled) {
4146
- color: #fff;
4147
- background: rgb(214.4375, 144.175, 4.5625);
4148
- border-color: rgb(214.4375, 144.175, 4.5625);
4149
- }
4150
- .measurement-toolbar__button--gold:disabled, .measurement-toolbar__button--gold.disabled {
4151
- color: rgba(0, 0, 0, 0.25);
4152
- background: transparent;
4153
- border-color: transparent;
4154
- cursor: not-allowed;
4155
- }
4156
- .measurement-toolbar__button--orange {
4157
- color: #fa8c16;
4158
- background: transparent;
4159
- border-color: transparent;
4160
- }
4161
- .measurement-toolbar__button--orange:hover:not(:disabled) {
4162
- color: #fff;
4163
- background: #fa8c16;
4164
- border-color: #fa8c16;
4165
- }
4166
- .measurement-toolbar__button--orange:active:not(:disabled) {
4167
- color: #fff;
4168
- background: rgb(216.3571428571, 114.2142857143, 4.6428571429);
4169
- border-color: rgb(216.3571428571, 114.2142857143, 4.6428571429);
4170
- }
4171
- .measurement-toolbar__button--orange:disabled, .measurement-toolbar__button--orange.disabled {
4172
- color: rgba(0, 0, 0, 0.25);
4173
- background: transparent;
4174
- border-color: transparent;
4175
- cursor: not-allowed;
4176
- }
4177
- .measurement-toolbar__button--cyan {
4178
- color: #13c2c2;
4179
- background: transparent;
4180
- border-color: transparent;
4181
- }
4182
- .measurement-toolbar__button--cyan:hover:not(:disabled) {
4183
- color: #fff;
4184
- background: #13c2c2;
4185
- border-color: #13c2c2;
4186
- }
4187
- .measurement-toolbar__button--cyan:active:not(:disabled) {
4188
- color: #fff;
4189
- background: rgb(14.4507042254, 147.5492957746, 147.5492957746);
4190
- border-color: rgb(14.4507042254, 147.5492957746, 147.5492957746);
4191
- }
4192
- .measurement-toolbar__button--cyan:disabled, .measurement-toolbar__button--cyan.disabled {
4193
- color: rgba(0, 0, 0, 0.25);
4194
- background: transparent;
4195
- border-color: transparent;
4196
- cursor: not-allowed;
4197
- }
4198
- .measurement-toolbar__button--geekblue {
4199
- color: #2f54eb;
4200
- background: transparent;
4201
- border-color: transparent;
4202
- }
4203
- .measurement-toolbar__button--geekblue:hover:not(:disabled) {
4204
- color: #fff;
4205
- background: #2f54eb;
4206
- border-color: #2f54eb;
4207
- }
4208
- .measurement-toolbar__button--geekblue:active:not(:disabled) {
4209
- color: #fff;
4210
- background: rgb(20.2631578947, 57.75, 210.7368421053);
4211
- border-color: rgb(20.2631578947, 57.75, 210.7368421053);
4212
- }
4213
- .measurement-toolbar__button--geekblue:disabled, .measurement-toolbar__button--geekblue.disabled {
4214
- color: rgba(0, 0, 0, 0.25);
4215
- background: transparent;
4216
- border-color: transparent;
4217
- cursor: not-allowed;
4218
- }
4219
- .measurement-toolbar__button--purple {
4220
- color: #722ed1;
4221
- background: transparent;
4222
- border-color: transparent;
4223
- }
4224
- .measurement-toolbar__button--purple:hover:not(:disabled) {
4225
- color: #fff;
4226
- background: #722ed1;
4227
- border-color: #722ed1;
4228
- }
4229
- .measurement-toolbar__button--purple:active:not(:disabled) {
4230
- color: #fff;
4231
- background: rgb(91.2, 36.8, 167.2);
4232
- border-color: rgb(91.2, 36.8, 167.2);
4233
- }
4234
- .measurement-toolbar__button--purple:disabled, .measurement-toolbar__button--purple.disabled {
4235
- color: rgba(0, 0, 0, 0.25);
4236
- background: transparent;
4237
- border-color: transparent;
4238
- cursor: not-allowed;
4239
- }
4240
- .measurement-toolbar__button--large {
4241
- height: 40px;
4242
- padding: 0 16px;
4243
- font-size: 16px;
4244
- border-radius: 6px;
4245
- }
4246
- .measurement-toolbar__button--large svg {
4247
- width: 20px;
4248
- height: 20px;
4249
- }
4250
- .measurement-toolbar__button--small {
4251
- height: 32px;
4252
- padding: 0 8px;
4253
- font-size: 12px;
4254
- border-radius: calc(6px - 2px);
4255
- }
4256
- .measurement-toolbar__button--small svg {
4257
- width: 14px;
4258
- height: 14px;
4259
- }
4260
-
4261
- .measurement-toolbar--large .measurement-toolbar__button {
4262
- height: 40px;
4263
- padding: 0 16px;
4264
- font-size: 16px;
4265
- }
4266
- .measurement-toolbar--large .measurement-toolbar__button svg {
4267
- width: 20px;
4268
- height: 20px;
4269
- }
4270
-
4271
- .measurement-toolbar--small .measurement-toolbar__button {
4272
- height: 32px;
4273
- padding: 0 8px;
4274
- font-size: 12px;
4275
- }
4276
- .measurement-toolbar--small .measurement-toolbar__button svg {
4277
- width: 14px;
4278
- height: 14px;
4279
- }
4280
-
4281
- .measurement-toolbar--large .measurement-toolbar__icon {
4282
- width: 20px;
4283
- height: 20px;
4284
- }
4285
-
4286
- .measurement-toolbar--small .measurement-toolbar__icon {
4287
- width: 14px;
4288
- height: 14px;
4289
- }
4290
-
4291
- .measurement-toolbar__button-group:not(.measurement-toolbar__button-group--custom) .measurement-toolbar__button + .measurement-toolbar__button:not(.measurement-toolbar__button--primary):not(.measurement-toolbar__button--danger)::before {
4292
- content: "";
4293
- position: absolute;
4294
- left: -1px;
4295
- top: 50%;
4296
- transform: translateY(-50%);
4297
- width: 1px;
4298
- height: 48%;
4299
- background-color: rgba(0, 0, 0, 0.06);
4300
- pointer-events: none;
4301
- }
4302
-
4303
- .measurement-toolbar__icon {
4304
- display: inline-flex;
4305
- align-items: center;
4306
- justify-content: center;
4307
- width: 16px;
4308
- height: 16px;
4309
- }
4310
-
4311
- .measurement-toolbar__label {
4312
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
4313
- }
4314
-
4315
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group,
4316
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group,
4317
- [data-theme=dark] .measurement-toolbar__button-group {
4318
- background: #1f1f1f;
4319
- box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.35), 0 3px 6px -4px rgba(0, 0, 0, 0.4), 0 9px 28px 8px rgba(0, 0, 0, 0.3);
4320
- }
4321
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button, .leaflet-container[data-theme=dark] .measurement-toolbar__button,
4322
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button,
4323
- [data-theme=dark] .measurement-toolbar__button {
4324
- color: #f0f6fc;
4325
- background: transparent;
4326
- border-color: transparent;
4327
- }
4328
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button:hover:not(:disabled), .leaflet-container[data-theme=dark] .measurement-toolbar__button:hover:not(:disabled),
4329
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button:hover:not(:disabled),
4330
- [data-theme=dark] .measurement-toolbar__button:hover:not(:disabled) {
4331
- color: #1668dc;
4332
- background: rgba(255, 255, 255, 0.08);
4333
- border-color: transparent;
4334
- }
4335
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button:active:not(:disabled), .leaflet-container[data-theme=dark] .measurement-toolbar__button:active:not(:disabled),
4336
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button:active:not(:disabled),
4337
- [data-theme=dark] .measurement-toolbar__button:active:not(:disabled) {
4338
- color: #1668dc;
4339
- background: rgba(255, 255, 255, 0.15);
4340
- border-color: transparent;
4341
- }
4342
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button:disabled, .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--disabled, .leaflet-container[data-theme=dark] .measurement-toolbar__button:disabled, .leaflet-container[data-theme=dark] .measurement-toolbar__button--disabled,
4343
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button:disabled,
4344
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--disabled,
4345
- [data-theme=dark] .measurement-toolbar__button:disabled,
4346
- [data-theme=dark] .measurement-toolbar__button--disabled {
4347
- color: rgba(255, 255, 255, 0.25);
4348
- background: transparent;
4349
- border-color: transparent;
4350
- }
4351
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button--primary,
4352
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary,
4353
- [data-theme=dark] .measurement-toolbar__button--primary {
4354
- color: #fff;
4355
- background: #1668dc;
4356
- border-color: #1668dc;
4357
- }
4358
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary:hover:not(:disabled), .leaflet-container[data-theme=dark] .measurement-toolbar__button--primary:hover:not(:disabled),
4359
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary:hover:not(:disabled),
4360
- [data-theme=dark] .measurement-toolbar__button--primary:hover:not(:disabled) {
4361
- background: rgb(57.7272727273, 131.2561983471, 235.2727272727);
4362
- border-color: rgb(57.7272727273, 131.2561983471, 235.2727272727);
4363
- }
4364
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary:active:not(:disabled), .leaflet-container[data-theme=dark] .measurement-toolbar__button--primary:active:not(:disabled),
4365
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary:active:not(:disabled),
4366
- [data-theme=dark] .measurement-toolbar__button--primary:active:not(:disabled) {
4367
- background: #1668dc;
4368
- border-color: #1668dc;
4369
- }
4370
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary.disabled, .leaflet-container[data-theme=dark] .measurement-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .measurement-toolbar__button--primary.disabled,
4371
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary:disabled,
4372
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary.disabled,
4373
- [data-theme=dark] .measurement-toolbar__button--primary:disabled,
4374
- [data-theme=dark] .measurement-toolbar__button--primary.disabled {
4375
- color: rgba(255, 255, 255, 0.6);
4376
- background: rgba(22, 104, 220, 0.5);
4377
- border-color: rgba(22, 104, 220, 0.5);
4378
- }
4379
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button--danger,
4380
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger,
4381
- [data-theme=dark] .measurement-toolbar__button--danger {
4382
- color: #ff7875;
4383
- background: transparent;
4384
- border-color: transparent;
4385
- }
4386
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger:hover:not(:disabled), .leaflet-container[data-theme=dark] .measurement-toolbar__button--danger:hover:not(:disabled),
4387
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger:hover:not(:disabled),
4388
- [data-theme=dark] .measurement-toolbar__button--danger:hover:not(:disabled) {
4389
- color: #fff;
4390
- background: #ff4d4f;
4391
- border-color: #ff4d4f;
4392
- }
4393
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger:active:not(:disabled), .leaflet-container[data-theme=dark] .measurement-toolbar__button--danger:active:not(:disabled),
4394
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger:active:not(:disabled),
4395
- [data-theme=dark] .measurement-toolbar__button--danger:active:not(:disabled) {
4396
- color: #fff;
4397
- background: rgb(255, 26, 28.5730337079);
4398
- border-color: rgb(255, 26, 28.5730337079);
4399
- }
4400
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger.disabled, .leaflet-container[data-theme=dark] .measurement-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .measurement-toolbar__button--danger.disabled,
4401
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger:disabled,
4402
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger.disabled,
4403
- [data-theme=dark] .measurement-toolbar__button--danger:disabled,
4404
- [data-theme=dark] .measurement-toolbar__button--danger.disabled {
4405
- color: rgba(255, 255, 255, 0.25);
4406
- background: transparent;
4407
- border-color: transparent;
4408
- }
4409
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--active, .leaflet-container[data-theme=dark] .measurement-toolbar__button--active,
4410
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--active,
4411
- [data-theme=dark] .measurement-toolbar__button--active {
4412
- color: #fff;
4413
- background: #1668dc;
4414
- border-color: #1668dc;
4415
- }
4416
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group .measurement-toolbar__button + .measurement-toolbar__button:not(.measurement-toolbar__button--primary):not(.measurement-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4417
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4418
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4419
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4420
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group .measurement-toolbar__button + .measurement-toolbar__button:not(.measurement-toolbar__button--primary):not(.measurement-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4421
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4422
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4423
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4424
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4425
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group .measurement-toolbar__button + .measurement-toolbar__button:not(.measurement-toolbar__button--primary):not(.measurement-toolbar__button--danger)::before,
4426
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4427
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4428
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4429
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4430
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4431
- [data-theme=dark] .measurement-toolbar__button-group .measurement-toolbar__button + .measurement-toolbar__button:not(.measurement-toolbar__button--primary):not(.measurement-toolbar__button--danger)::before,
4432
- .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4433
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4434
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4435
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4436
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4437
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4438
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4439
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4440
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4441
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4442
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4443
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4444
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4445
- .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4446
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4447
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4448
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4449
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4450
- .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4451
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4452
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4453
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4454
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4455
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4456
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4457
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4458
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4459
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4460
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4461
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4462
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4463
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4464
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4465
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4466
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4467
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4468
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4469
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4470
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4471
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4472
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4473
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4474
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4475
- [data-theme=dark] .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4476
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4477
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4478
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4479
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4480
- [data-theme=dark] .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4481
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4482
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4483
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4484
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4485
- [data-theme=dark] .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4486
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4487
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4488
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4489
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4490
- [data-theme=dark] .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4491
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4492
- [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4493
- [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4494
- [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before {
4495
- background-color: rgba(255, 255, 255, 0.06);
4496
- }
4497
-
4498
- .measurement-toolbar {
4499
- display: flex !important;
4500
- flex-direction: column !important;
4501
- gap: 8px !important;
4502
- padding: 8px !important;
4503
- background: #fff !important;
4504
- border-radius: 8px !important;
4505
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
4506
- border: 1px solid rgba(0, 0, 0, 0.1) !important;
4507
- }
4508
- .measurement-toolbar--topleft {
4509
- top: 20px !important;
4510
- bottom: auto !important;
4511
- left: 20px !important;
4512
- right: auto !important;
4513
- transform: none !important;
4514
- }
4515
- .measurement-toolbar--topright {
4516
- top: 20px !important;
4517
- bottom: auto !important;
4518
- left: auto !important;
4519
- right: 20px !important;
4520
- transform: none !important;
4521
- }
4522
- .measurement-toolbar--bottomleft {
4523
- top: auto !important;
4524
- bottom: 20px !important;
4525
- left: 20px !important;
4526
- right: auto !important;
4527
- transform: none !important;
4528
- }
4529
- .measurement-toolbar--bottomright {
4530
- top: auto !important;
4531
- bottom: 20px !important;
4532
- left: auto !important;
4533
- right: 20px !important;
4534
- transform: none !important;
4535
- }
4536
-
4537
- .measurement-toolbar__button-group {
4538
- display: flex !important;
4539
- flex-direction: column !important;
4540
- gap: 4px !important;
4541
- background: transparent !important;
4542
- box-shadow: none !important;
4543
- }
4544
-
4545
- .measurement-toolbar__button {
4546
- width: 36px !important;
4547
- height: 36px !important;
4548
- padding: 0 !important;
4549
- border-radius: 4px !important;
4550
- justify-content: center !important;
4551
- }
4552
-
4553
- .measurement-toolbar__icon {
4554
- display: inline-flex !important;
4555
- align-items: center !important;
4556
- justify-content: center !important;
4557
- font-size: 18px !important;
4558
- line-height: 1 !important;
4559
- }
4560
-
4561
- .measurement-toolbar__label {
4562
- display: none !important;
4563
- }
4564
-
4565
- .measurement-toolbar__clear-btn {
4566
- margin-top: 4px !important;
4567
- padding-top: 4px !important;
4568
- border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
4569
- }
4570
- .measurement-toolbar__clear-btn:hover:not(:disabled) {
4571
- background: rgba(255, 77, 79, 0.1) !important;
4572
- border-color: rgba(255, 77, 79, 0.3) !important;
4573
- }
4574
-
4575
- [data-theme=dark] .measurement-toolbar__clear-btn {
4576
- border-top-color: rgba(255, 255, 255, 0.1) !important;
4577
- }
4578
- [data-theme=dark] .measurement-toolbar__clear-btn:hover:not(:disabled) {
4579
- background: rgba(255, 77, 79, 0.2) !important;
4580
- border-color: rgba(255, 77, 79, 0.4) !important;
4581
- }
4582
-
4583
- .measurement-label {
4584
- background: transparent !important;
4585
- border: none !important;
4586
- }
4587
-
4588
- .measurement-label .measurement-text {
4589
- background: rgba(24, 144, 255, 0.95) !important;
4590
- color: #fff !important;
4591
- padding: 6px 12px !important;
4592
- border-radius: 4px !important;
4593
- font-size: 13px !important;
4594
- font-weight: 500 !important;
4595
- white-space: nowrap !important;
4596
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
4597
- display: inline-block !important;
4598
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
4599
- }
4600
-
4601
- [data-theme=dark] .measurement-toolbar {
4602
- background: #1f1f1f !important;
4603
- border-color: rgba(255, 255, 255, 0.1) !important;
4604
- }
4605
-
4606
- [data-theme=dark] .measurement-toolbar__display {
4607
- color: #e0e0e0 !important;
4608
- background: rgba(255, 255, 255, 0.08) !important;
4609
- border-top-color: rgba(255, 255, 255, 0.1) !important;
4610
- }
4611
-
4612
- [data-theme=dark] .measurement-toolbar__button {
4613
- background: #2a2a2a !important;
4614
- color: #fff !important;
4615
- border-color: rgba(255, 255, 255, 0.1) !important;
4616
- }
4617
-
4618
- .tooltip-hover-only .leaflet-tooltip {
4619
- opacity: 0;
4620
- pointer-events: none;
4621
- transition: opacity 0.2s ease;
4622
- }
4623
-
4624
- .tooltip-hover-only:hover .leaflet-tooltip,
4625
- .tooltip-hover-only .leaflet-marker-icon:hover + .leaflet-tooltip,
4626
- .tooltip-hover-only .leaflet-marker-icon:focus + .leaflet-tooltip {
4627
- opacity: 1;
4628
- pointer-events: auto;
4629
- }
4630
-
4631
- :not(.tooltip-hover-only) .leaflet-tooltip {
4632
- opacity: 1;
4633
- pointer-events: auto;
4634
- }
4635
- /*# sourceMappingURL=index.css.map */