fix: update scroll logic

Aofled · Aofled · commit ad69ae4eeea2 · 2025-10-08T19:22:11.000+03:00
diff --git a/generator/css/content/json-body.css b/generator/css/content/json-body.css
@@ -38,17 +38,18 @@
 
 .json-textarea {
     flex-grow: 1;
-    width: 100%;
+    padding: 5px;
+    border: none;
+    line-height: 1.5;
+    resize: none;
+    overflow-y: auto !important;
+    height: 100% !important;
     font-family: 'Courier New', monospace;
     font-size: 14px;
-    padding: 15px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    resize: none;
-    background: white;
-    color: #333;
-    margin-bottom: 10px;
-    box-sizing: border-box;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    overflow-x: hidden;
 }
 
 .json-status-bar {
@@ -87,24 +88,20 @@
 }
 
 .json-textarea.drag-over {
-  border: 2px dashed var(--android-green) !important;
-  background-color: rgba(61, 220, 132, 0.1) !important;
+    border: 2px dashed var(--android-green) !important;
+    background-color: rgba(61, 220, 132, 0.1) !important;
 }
 
 [data-theme="dark"] .json-textarea.drag-over {
-  background-color: rgba(61, 220, 132, 0.2) !important;
+    background-color: rgba(61, 220, 132, 0.2) !important;
 }
 
 .status-success {
-  color: #3ddc84;
-}
-
-.status-error {
-  color: #ff4444;
+    color: #3ddc84;
 }
 
 .status-info {
-  color: #4285f4;
+    color: #4285f4;
 }
 
 .json-editor-wrapper {
@@ -121,7 +118,7 @@
 
 .line-numbers {
     width: 40px;
-    padding: 15px 5px;
+    padding: 7px 5px;
     font-family: 'Courier New', monospace;
     font-size: 14px;
     line-height: 1.5;
@@ -134,19 +131,6 @@
     height: 100%;
 }
 
-.json-textarea {
-    flex-grow: 1;
-    padding: 15px;
-    border: none;
-    line-height: 1.5;
-    resize: none;
-    overflow-y: auto !important;
-    height: 100% !important;
-    white-space: nowrap;
-    font-family: 'Courier New', monospace;
-    font-size: 14px;
-}
-
 [data-theme="dark"] .json-editor-wrapper {
     border-color: #444;
     background: #2d2f33;
@@ -156,9 +140,4 @@
     background: #252525;
     color: #777;
     border-right-color: #444;
-}
-
-[data-theme="dark"] .json-textarea {
-    background: #2d2f33;
-    color: #e0e0e0;
 }
diff --git a/generator/css/mobile/json-body-mobile.css b/generator/css/mobile/json-body-mobile.css
@@ -53,5 +53,10 @@
 
     .json-textarea {
         padding: 10px;
+        word-break: break-all;
+    }
+
+    .current-line::after {
+        left: 30px !important;
     }
 }
diff --git a/generator/js/content/json-body.js b/generator/js/content/json-body.js
@@ -21,6 +21,10 @@ export function initJsonBody() {
             const parsed = JSON.parse(textarea.value);
             textarea.value = JSON.stringify(parsed);
             updateStatus('JSON минифицирован', 'success');
+            setTimeout(() => {
+                textarea.style.whiteSpace = 'pre';
+                textarea.style.whiteSpace = 'pre-wrap';
+            }, 0);
         } catch (e) {
             updateStatus('Ошибка: невалидный JSON', 'error');
         }

Original file line number	Diff line number	Diff line change
`@@ -53,5 +53,10 @@`
`53`	`53`
`54`	`54`	`.json-textarea {`
`55`	`55`	`padding: 10px;`
	`56`	`+ word-break: break-all;`
	`57`	`+ }`
	`58`	`+`
	`59`	`+ .current-line::after {`
	`60`	`+ left: 30px !important;`
`56`	`61`	`}`
`57`	`62`	`}`