Merge pull request #392 from orangemug/feature/color-accessibility-ui

Color accessibility UI

src/styles/_components.scss

@@ -1,5 +1,5 @@
 // MAP
-.maputnik-map {
+.maputnik-map__container {
   display: flex;
   position: fixed !important;
   top: $toolbar-height + $toolbar-offset;
@@ -23,6 +23,11 @@
   }
 }
 
+.maputnik-map__map {
+  width: 100%;
+  height: 100%;
+}
+
 // DOC LABEL
 .maputnik-doc {
   &-target {
@@ -171,3 +176,32 @@
     color: $color-red;
   }
 }
+
+.maputnik-dialog {
+  &__buttons {
+    text-align: right;
+  }
+}
+
+.map-state-menu {
+  display: inline-block;
+
+  &__menu {
+    position: absolute;
+    z-index: 999999;
+    background: $color-black;
+    display: flex;
+    flex-direction: column;
+    align-content: stretch;
+
+    li {
+      display: flex;
+      flex-direction: column;
+
+      button {
+        width: 100%;
+        text-align: left;
+      }
+    }
+  }
+}

src/styles/_toolbar.scss

@@ -96,6 +96,16 @@
   @extend .maputnik-toolbar-link;
 }
 
+.maputnik-toolbar-select {
+  background: inherit;
+  border-width: 0;
+  @extend .maputnik-toolbar-link;
+}
+
+.maputnik-toolbar-select select {
+  margin-left: 4px;
+}
+
 .maputnik-icon-text {
   padding-left: $margin-1;
 }