init push

2019-04-28 13:36:05 +02:00
parent cf3ce512bd
commit 258cc9abb6
38 changed files with 15168 additions and 36 deletions
@@ -0,0 +1,94 @@
+
+.content {
+  padding: 2rem;
+  display: grid;
+  grid-template-columns: 2fr 1fr 1fr;
+  grid-template-rows: auto;
+
+  &,
+  & * {
+    box-sizing: border-box;
+  }
+
+  .map-area {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .map {
+      width: 100%;
+      height: 80vh; // TODO make canvas resizable ..
+    }
+
+    .map-info {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      background-color: white;
+      display: flex;
+      justify-content: flex-start;
+      width: 100%;
+      padding: 6px;
+
+      *:not(:first-child) {
+        margin-left: 12px;
+      }
+
+    }
+  }
+
+  .layer-control-area {
+
+
+    .layer-list {
+      max-width: 100%;
+      border: solid 1px #ccc;
+      min-height: 60px;
+      display: block;
+      background: white;
+      border-radius: 4px;
+      overflow: hidden;
+
+
+      .list-entry {
+        padding: 20px 10px;
+        border-bottom: solid 1px #ccc;
+        color: rgba(0, 0, 0, 0.87);
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+        box-sizing: border-box;
+        cursor: move;
+        background: white;
+        font-size: 14px;
+
+        &:last-child {
+          border: none;
+        }
+      }
+    }
+
+    .layer-list.cdk-drop-list-dragging .list-entry:not(.cdk-drag-placeholder) {
+      transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+    }
+  }
+}
+
+.cdk-drag-preview {
+  box-sizing: border-box;
+  border-radius: 4px;
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
+  0 8px 10px 1px rgba(0, 0, 0, 0.14),
+  0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+
+.cdk-drag-placeholder {
+  opacity: 0;
+}
+
+.cdk-drag-animating {
+  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+