Replace highlight.js with ace editor.

2019-11-09 22:58:05 +03:30
parent 7a88d2d08c
commit 1a9b4cdbf5
5 changed files with 111 additions and 40 deletions
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -505,9 +505,9 @@ pre {
  resize: vertical;
  text-overflow: ellipsis;

-  &:not([readonly]):hover,
-  &:not([readonly]):active,
-  &:not([readonly]):focus {
+  &:not([readonly]):not(.ace_editor):hover,
+  &:not([readonly]):not(.ace_editor):active,
+  &:not([readonly]):not(.ace_editor):focus {
    box-shadow: inset 0 0 0 2px var(--fg-light-color);
    transition: all 0.2s ease-in-out;
  }
@@ -517,6 +517,10 @@ pre {
  display: grid;
 }

+pre.ace_editor {
+  z-index: 0;
+}
+
 code {
  height: 336px;
  border-radius: 8px;