before suspend

assets/styles/app.scss

@@ -68,6 +68,11 @@ $mango: #FF8040;
   height: 650px !important;
 }
 
+.no-overflow {
+  overflow-y: visible !important;
+  height: auto !important;
+}
+
 .ql-syntax {
   background-color: #222222;
   border: 1px solid #888;
@@ -85,11 +90,37 @@ $mango: #FF8040;
   word-wrap: break-word;
 }
 
+
+.ql-editor {
+  counter-reset: line;
+  padding-left: 0;
+}
+
+.ql-editor div:before {
+  counter-increment: line;
+  content: counter(line);
+  display: inline-block;
+  border-right: 1px solid red;
+  padding: 0 .5em;
+  margin-right: .5em;
+  color: #888
+}
+
+.ql-syntax pre:before {
+  counter-increment: line;
+  content: counter(line);
+  display: inline-block;
+  border-right: 1px solid #ddd;
+  padding: 2px .5em;
+  margin-right: .5em;
+  color: #888
+}
+/*
 pre span.hljs-tag::before, span.hljs-attr::before {
   content: "xxx";
   display: inline-block;
 }
-
+*/
 
 .wrapper {
   clear: both;