Apply line-based coloring for output

2022-09-02 16:38:41 +02:00
parent 3ec5263c31
commit 60dc8c3b7e
6 changed files with 59 additions and 64 deletions
--- a/app/assets/stylesheets/base.css.scss
+++ b/app/assets/stylesheets/base.css.scss
@@ -25,7 +25,7 @@ i.fa-solid, i.fa-regular, i.fa-solid {
  margin-right: 0.5em;
 }

-pre {
+pre, .output-element {
  background-color: #FAFAFA;
  margin: 0;
  padding: .25rem!important;
--- a/app/assets/stylesheets/editor.css.scss
+++ b/app/assets/stylesheets/editor.css.scss
@@ -77,20 +77,13 @@
  overflow: auto;
 }

-#outputInformation {
-  #output {
-    max-height: 500px;
-    width: 100%;
+#output {
+  white-space: pre;
+  font-family: var(--bs-font-monospace);
+  font-size: 14px;
+
+  .output-element {
    overflow: auto;
-    margin: 2em 0;
-
-    p {
-      margin: 0.5em;
-    }
-
-    pre + pre {
-      margin-top: 1em;
-    }
  }
 }