[WebUI] Rework editor resizing, set textarea colors

1 files changed, 16 insertions, 8 deletions

diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css
index 8f4cd5641..d468696dc 100644
--- a/interface/css/rspamd.css
+++ b/interface/css/rspamd.css
@@ -551,14 +551,24 @@ td.maps-cell {
     -webkit-transform: translate(0, -50%);
 }
 
-textarea#editor {
+.codejar-wrap,
+#editor.map-textarea {
+    border-radius: 6px;
+    max-height: calc(100vh - 178px);
+    max-width: 100%;
+    min-width: 100%;
+    overflow: auto;
+    resize: both;
+}
+#editor.map-textarea {
     height: calc(100vh - 178px);
+    width: calc(100vw - 36px - 3rem);
 }
-.codejar-wrap {
+.codejar-wrap,
+#editor.map-textarea,
+#editor.map-textarea:focus {
     background: rgb(0, 47, 79);
-    border-radius: 6px;
-    max-height: calc(100vh - 178px);
-    overflow-y: auto;
+    color: silver;
 }
 .codejar-linenumbers {
     background: rgba(255, 255, 255, 0.07) !important;
@@ -571,18 +581,16 @@ textarea#editor {
     user-select: none;
 }
 .editor {
-    color: #fff;
     font-family: monospace;
     font-size: 14px;
     font-weight: 400;
     letter-spacing: normal;
-    min-height: 1.5em;
     margin-left: 10px;
     margin-right: 10px;
     resize: unset !important;
     tab-size: 4;
-    overflow-y: visible !important;
     -moz-tab-size: 4;
+    overflow: unset !important;
 }
 
 /* Prism show-invisibles plugin overrides */