Changeset 3571469

Timestamp:

06/14/2026 02:58:58 AM (4 months ago)

Author:

jorgedelcampo

Message:

Plugin update: version 1.0.2

• HOTFIX: increased line numbers when text overflows textarea vertically
• Text wrapping deleted: Horizontally scrollable textarea

Location:

advanced-editor-for-additional-css

Files:

• tags/1.0.2 (added)
• tags/1.0.2/README.md (added)
• tags/1.0.2/advanced-additional-css.php (added)
• tags/1.0.2/css (added)
• tags/1.0.2/css/editor-style.css (added)
• tags/1.0.2/js (added)
• tags/1.0.2/js/editor-script.js (added)
• trunk/README.md (modified) (1 diff)
• trunk/advanced-additional-css.php (modified) (1 diff)
• trunk/css/editor-style.css (modified) (3 diffs)
• trunk/js/editor-script.js (modified) (1 diff)

advanced-editor-for-additional-css/trunk/README.md

@@ -59 +59 @@
 == Changelog ==
 
+= 1.0.2 - 13 jun, 2026 =
+* HOTFIX: increased line numbers when text overflows textarea vertically
+* Text wrapping deleted: Horizontally scrollable textarea
+
 = 1.0.1 - 3 jun, 2026 =
 * New styles to avoid textarea overflowing

advanced-editor-for-additional-css/trunk/advanced-additional-css.php

@@ -3 +3 @@
  * Plugin Name: Advanced editor for Additional CSS
  * Description: Enhance the Additional CSS editor in Gutenberg / FSE with line numbers, indented and improved styling.
- * Version: 1.0.1
+ * Version: 1.0.2
  * Author: Jorge del Campo Andrade
  * Author URI: https://jdca.cl

advanced-editor-for-additional-css/trunk/css/editor-style.css

@@ -9 +9 @@
     overflow: hidden;
     height: 65vh;
+    position: relative;
 }
 
@@ -22 +23 @@
     border-right: 1px solid #ccc !important;
     white-space: pre !important;
+    overflow-x: hidden !important;
+    overflow-y: scroll !important;
+    flex-shrink: 0 !important;
+    scrollbar-width: none !important;
+    -ms-overflow-style: none !important;
+}
+
+.gcss-pro-line-numbers::-webkit-scrollbar {
+    display: none !important;
+}
+
+.gcss-pro-line-numbers div {
+    height: 19.5px !important;
+    line-height: 19.5px !important;
 }
 
@@ -38 +53 @@
     box-shadow: none !important;
     resize: none;
-    text-wrap: wrap !important;
-    white-space: wrap !important;
+    overflow-x: auto !important;
+    overflow-y: auto !important;
 }

advanced-editor-for-additional-css/trunk/js/editor-script.js

@@ -17 +17 @@
         const syncLines = () => {
             const lines = textarea.value.split('\n').length;
-            lineNumbers.innerText = Array.from({length: lines}, (_, i) => i + 1).join('\n');
+            lineNumbers.innerHTML = Array.from({length: lines}, (_, i) => i + 1).map(n => `<div>${n}</div>`).join('');
+            
+            // Ajustar la altura de los divs de números de línea para coincidir con el textarea
+            const lineHeight = parseFloat(getComputedStyle(textarea).lineHeight) || 19.5;
+            const divs = lineNumbers.querySelectorAll('div');
+            divs.forEach(div => {
+                div.style.height = lineHeight + 'px';
+                div.style.lineHeight = lineHeight + 'px';
+            });
         };