diff --git a/assets/icons/fonts/hopglass.eot b/assets/icons/fonts/hopglass.eot deleted file mode 100644 index c98534a..0000000 Binary files a/assets/icons/fonts/hopglass.eot and /dev/null differ diff --git a/assets/icons/fonts/hopglass.svg b/assets/icons/fonts/hopglass.svg deleted file mode 100644 index da13e93..0000000 --- a/assets/icons/fonts/hopglass.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - -Generated by Fontastic.me - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/icons/fonts/hopglass.ttf b/assets/icons/fonts/hopglass.ttf deleted file mode 100644 index d117d0c..0000000 Binary files a/assets/icons/fonts/hopglass.ttf and /dev/null differ diff --git a/assets/icons/fonts/hopglass.woff b/assets/icons/fonts/hopglass.woff deleted file mode 100644 index b1a185a..0000000 Binary files a/assets/icons/fonts/hopglass.woff and /dev/null differ diff --git a/assets/icons/fonts/hopglass.woff2 b/assets/icons/fonts/hopglass.woff2 deleted file mode 100644 index cce2274..0000000 Binary files a/assets/icons/fonts/hopglass.woff2 and /dev/null differ diff --git a/assets/icons/fonts/icon.ttf b/assets/icons/fonts/icon.ttf new file mode 100644 index 0000000..8b8d822 Binary files /dev/null and b/assets/icons/fonts/icon.ttf differ diff --git a/assets/icons/fonts/icon.woff b/assets/icons/fonts/icon.woff new file mode 100644 index 0000000..7cc19f4 Binary files /dev/null and b/assets/icons/fonts/icon.woff differ diff --git a/assets/icons/fonts/icon.woff2 b/assets/icons/fonts/icon.woff2 new file mode 100644 index 0000000..0377338 Binary files /dev/null and b/assets/icons/fonts/icon.woff2 differ diff --git a/assets/icons/hopglass-icons.css b/assets/icons/hopglass-icons.css index f3ab178..8cfb80e 100644 --- a/assets/icons/hopglass-icons.css +++ b/assets/icons/hopglass-icons.css @@ -1,8 +1,8 @@ @font-face { font-family: "Ionicons"; - src: url("fonts/hopglass.woff2") format("woff2"), - url("fonts/hopglass.woff") format("woff"), - url("fonts/hopglass.ttf") format("truetype"); + src: url("fonts/icon.woff2") format("woff2"), + url("fonts/icon.woff") format("woff"), + url("fonts/icon.ttf") format("truetype"); font-weight: normal; font-style: normal; @@ -90,3 +90,7 @@ .ion-ios-person:before { content: "\f47e"; } + +.ion-layer:before { + content: "\f229"; +} diff --git a/scss/_leaflet-layer.scss b/scss/_leaflet-layer.scss new file mode 100644 index 0000000..a22f74e --- /dev/null +++ b/scss/_leaflet-layer.scss @@ -0,0 +1,33 @@ +.leaflet-control-layers { + box-shadow: none; + border-radius: 0; + background: none; +} + +.leaflet-control-layers-toggle { + background: none; + &::before { + content: "\f229"; + display: inline-block; + font-family: "ionicons" !important; + font-size: 2.3rem; + speak: none; + text-rendering: auto; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + color: #e32d6d; + } +} + +.leaflet-control-layers-expanded { + padding: 0; +} + +.leaflet-control-layers-list { + background: rgba(255, 255, 255, 0.9); + padding: 10px; + label { + cursor: pointer; + } +} diff --git a/scss/main.scss b/scss/main.scss index e290144..80e1aaf 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -3,6 +3,7 @@ @import '_base'; @import '_leaflet'; @import '_leaflet.label'; +@import '_leaflet-layer'; @import '_filters'; $minscreenwidth: 630pt;