Move files to follow webpack structure

2023-10-20 20:47:26 +02:00
parent b3cd217e28
commit 842e02f4bb
106 changed files with 73 additions and 1016 deletions
--- a/src/styles/_leaflet.scss
+++ b/src/styles/_leaflet.scss
@@ -0,0 +1,114 @@
+$theme : "spot-theme";
+$base-color : #CCC;
+$highlight-color : #FFF;
+$background : rgba($base-color, 0.2);
+$drag-color : rgba($highlight-color, 0.2);
+$axis-color : darken($base-color,20%);
+$stroke-color : darken($base-color,40%);
+$stroke-width-mouse-focus : 1;
+$stroke-width-height-focus: 2;
+$stroke-width-axis : 2;
+
+@import '../../node_modules/leaflet/dist/leaflet';
+@import 'leaflet/leaflet_heightgraph';
+
+/* Leaflet fixes */
+.leaflet-container {
+	background: none;
+}
+
+.leaflet-popup {
+	.leaflet-popup-content-wrapper {
+		border-radius: 5px;
+		padding: 0;
+
+		.leaflet-popup-content {
+			margin: 0;
+			padding: 1rem;
+			box-sizing: border-box;
+		}
+	}
+}
+
+.leaflet-control.spot-control, .leaflet-control.heightgraph .heightgraph-toggle {
+	@extend .clickable;
+	width: 44px;
+	height: 44px;
+	text-align: center;
+	box-shadow: none;
+
+	.fa {
+		@extend .control-icon;
+		width: 100%;
+	}
+}
+
+/* Leaflet Heightgraph fixes */
+
+.legend-text, .tick, .tick text, .focusbox, .height-focus.circle, .height-focus.label, .lineSelection, .horizontalLineText {
+    fill: #333 !important;
+}
+
+.axis path, .focusbox rect, .focusLine line, .height-focus.label rect, .height-focus.line, .horizontalLine {
+    stroke: #333 !important;
+}
+
+.focusbox rect, .height-focus.label rect {
+	stroke-width: 0;
+}
+
+.focusLine line, .focusbox rect, .height-focus.label rect {
+	-webkit-filter: drop-shadow(1px 0px 2px rgba(0, 0, 0, 0.6));
+	filter: drop-shadow(1px 0px 2px rgba(0, 0, 0, 0.6));
+}
+
+.height-focus.label rect, .focusbox rect {
+	fill: rgba(255,255,255,.6);
+}
+
+.heightgraph.leaflet-control {
+	svg.heightgraph-container {
+		background: none;
+		border-radius: 0;
+
+		.area {
+			@include drop-shadow(0.6);
+		}
+	}
+
+	.horizontalLine {
+		stroke-width: 2px;
+	}
+
+	.heightgraph-toggle {
+		background: none;
+
+		.heightgraph-toggle-icon {
+			@extend .control-icon;
+			@extend .fa-elev-chart;
+			height: 44px;
+			position: static;
+			background: none;
+		}
+	}
+
+	.heightgraph-close-icon {
+		@extend .control-icon;
+		@extend .fa-unsubscribe;
+		background: none;
+		font-size: 20px;
+		line-height: 26px;
+		width: 26px;
+		text-align: center;
+		display: none;
+
+		&:before {
+			width: 26px;
+			height: 26px;
+		}
+	}
+}
+
+.leaflet-default-icon-path {
+	background-image: none;
+}