Editor: Make it clearer that editable areas are editable

- Add a border on the left when hovering - Make full sentences to explain where you can write
2019-08-02 15:36:54 +02:00
parent 4f7c20fc26
commit 3198f30515
2 changed files with 20 additions and 3 deletions
@@ -389,7 +389,18 @@ main .article-meta {

  article {
    max-width: none;
-    min-height: 80vh;
+    min-height: 2em;
+  }
+
+  & > *[contenteditable] {
+    margin-left: -20px;
+    padding-left: 18px;
+    border-left: 2px solid transparent;
+    transition: border-left-color 0.1s ease-in;
+
+    &:hover {
+      border-left-color: transparentize($black, 0.6);
+    }
  }
 }