#46 Large map

2020-12-25 13:31:55 +01:00 · 2020-12-25 13:31:55 +01:00 · b4fba7b3f0
commit b4fba7b3f0
parent f35ca8c818
2 changed files with 28 additions and 8 deletions
--- a/components/03_Organisms/osmMap/_osmMap.scss
+++ b/components/03_Organisms/osmMap/_osmMap.scss
@ -1,5 +1,15 @@
 .LP-Map {
    margin-bottom: $-spacing-medium;
+
+    &--wide {
+        height: 300px;
+    }
+
+    &--full {
+        height: 100%;
+        width: 100%;
+    }
+
    .ol-attribution {
        font-family: $-primary-sans-serif-font;
        color: $-grey;
@ -7,16 +17,21 @@
        a {
            color: $-light-brown;

-            &:hover, &:focus {
+            &:hover,
+            &:focus {
                color: $-beige;
            }
        }
    }

    .ol-zoom {
-        &-in, &-out{
+
+        &-in,
+        &-out {
            background-color: $-light-brown;
-            &:hover, &:focus{
+
+            &:hover,
+            &:focus {
                background-color: $-grey;
            }
        }
--- a/public/main.css
+++ b/public/main.css
@ -1701,6 +1701,11 @@ body {

 .LP-Map {
  margin-bottom: 25px; }
+  .LP-Map--wide {
+    height: 300px; }
+  .LP-Map--full {
+    height: 100%;
+    width: 100%; }
  .LP-Map .ol-attribution {
    font-family: "Montserrat", Helvetica, sans-serif;
    color: #565656; }