reorganize leaflet plugin css

This commit is contained in:
2019-02-21 21:33:21 +01:00
parent a5bcfa25aa
commit 43f0d99bc4
5 changed files with 43 additions and 35 deletions

View File

@@ -1,5 +1,39 @@
@import 'leaflet/leaflet';
$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 'leaflet/leaflet';
@import 'leaflet/leaflet_elevation';
/* Leaflet fixes */
.leaflet-container {
background: none;
}
/* Leaflet Elevation fixes */
.#{$theme} {
&.height-focus,
&.height-focus.line,
&.height-focus-label,
&.leaflet-control.elevation .area {
@include drop-shadow(0.6);
}
&.leaflet-control.elevation-collapsed {
.background {
display: none;
}
.elevation-toggle {
@extend .control-icon;
@extend .fa-elevation;
}
}
}

View File

@@ -1,14 +1,3 @@
$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;
.#{$theme}.leaflet-control.elevation {
.background {
@@ -52,35 +41,21 @@ $stroke-width-axis : 2;
}
}
.#{$theme}.leaflet-control.elevation-collapsed {
.background {
display: none;
}
.elevation-toggle {
@extend .control-icon;
@extend .fa-elevation;
}
}
.#{$theme}.height-focus{
stroke: $base-color;
fill: $base-color;
@include drop-shadow(0.6);
}
.#{$theme}.height-focus.line{
pointer-events: none;
stroke-width: $stroke-width-height-focus;
@include drop-shadow(0.6);
}
.#{$theme}.height-focus-label{
text-anchor: middle;
fill: $base-color;
@include drop-shadow(0.6);
}
.#{$theme}.height-focus.circle-lower {
}
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,13 +1,12 @@
/* Site Global CSS */
@import 'common';
/* Modules */
@import 'fa';
@import 'lightbox';
@import 'simplebar';
@import 'leaflet';
/* Site Global CSS */
@import 'common';
@import 'leaflet_elevation';
/* Pages Specific CSS (masks) */
@import 'mask_project';
@import 'mask_upload';
@import 'mask_upload';