Add overview

src/jsMain/resources/style/style.scss

@@ -296,6 +296,7 @@ a {
 
     span {
       padding: 0 0.5rem;
+
       &:hover {
         background-color: rgba($text-primary-color, 0.06);
       }
@@ -321,6 +322,12 @@ a {
   }
 }
 
+textarea.form-control {
+  height: 16rem;
+  line-height: 1.1rem;
+  padding: 0.6rem 1rem;
+}
+
 select:-moz-focusring {
   color: transparent;
   text-shadow: 0 0 0 $text-primary-color;
@@ -671,6 +678,10 @@ form {
     opacity: 0.6;
   }
 
+  &.error {
+    outline: solid 0.4rem $error-color;
+  }
+
   @include no-select()
 }
 
@@ -908,4 +919,115 @@ form {
       width: 4rem;
     }
   }
+}
+
+.work-group-constraints {
+  position: relative;
+}
+
+.work-group-constraints-add {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+
+.work-group-constraints-add-list {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 1;
+  display: none;
+
+  background: $background-primary-color;
+  border: solid 1px rgba($text-primary-color, 0.1);
+
+  span {
+    padding: 0 0.5rem;
+
+    &:hover {
+      background-color: rgba($text-primary-color, 0.06);
+    }
+  }
+
+  &.active {
+    display: block;
+  }
+}
+
+.overview {
+  display: flex;
+}
+
+.overview-main {
+  flex-grow: 4;
+  margin-right: 1rem;
+}
+
+.overview-side {
+  min-width: 20%;
+}
+
+.overview-shortcuts {
+  a {
+    display: block;
+  }
+}
+
+.overview-twitter {
+  height: 20rem;
+  background-color: #b3e6f9;
+}
+
+.post {
+  position: relative;
+  padding-top: 2rem;
+}
+
+.post-name {
+  position: absolute;
+  top: 0;
+  left: 0;
+  font-size: 1.2rem;
+  color: $primary-color;
+  line-height: 2rem;
+
+  &:empty::before {
+    display: block;
+    content: 'No title';
+    opacity: 0.5;
+    font-size: 1.2rem;
+    line-height: 2rem;
+    color: $text-primary-color;
+  }
+}
+.post-edit {
+  position: absolute;
+  top: 0;
+  right: 0;
+  line-height: 2rem;
+}
+
+.post-content {
+  h1, h2, h3, h4, h5, h6 {
+    margin: 0;
+    padding: 0;
+  }
+  h1 {
+    font-size: 1rem;
+  }
+  h2 {
+    font-size: 1rem;
+  }
+  h3 {
+    font-size: 1rem;
+  }
+  h4 {
+    font-size: 1rem;
+  }
+  h5 {
+    font-size: 1rem;
+  }
+  h6 {
+    font-size: 1rem;
+  }
 }