fix: line jumps on cursor movement when word wrap is enabled

phcode-dev · Dec 7, 2024 · bfa1261 · bfa1261
1 parent c3da43f
commit bfa1261
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/extensions/default/DarkTheme/main.less b/src/extensions/default/DarkTheme/main.less
@@ -96,7 +96,9 @@
 .CodeMirror-matchingtag {
     /* Ensure visibility against gray inline editor background */
     background-color: @matching-tags;
-    display: inline-block;
+    --border-height: calc((var(--editor-line-height) *1em - 1em) / 2);
+    border-top: var(--border-height) solid @matching-tags;
+    border-bottom: var(--border-height) solid @matching-tags;
 }
 
 .CodeMirror-overwrite .CodeMirror-cursor {

diff --git a/src/extensions/default/LightTheme/main.less b/src/extensions/default/LightTheme/main.less
@@ -21,3 +21,12 @@
 
 // This is the default theme and doesn't need to do anything!
 /* Default theme empty. See brackets_theme_default.less to change theme css*/
+
+@matching-bracket: #cfead6;
+
+.CodeMirror-matchingtag {
+  background: @matching-bracket;
+  --border-height: calc((var(--editor-line-height) *1em - 1em) / 2);
+  border-top: var(--border-height) solid @matching-bracket;
+  border-bottom: var(--border-height) solid @matching-bracket;
+}
diff --git a/src/styles/brackets_codemirror_override.less b/src/styles/brackets_codemirror_override.less
@@ -273,7 +273,6 @@ div.CodeMirror-cursors {
 
     .CodeMirror-matchingtag {
         background: @matching-bracket;
-        display: inline-block;
     }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -273,7 +273,6 @@ div.CodeMirror-cursors { @@
         .CodeMirror-matchingtag {
             background: @matching-bracket;
-            display: inline-block;
         }
     }
@@ Expand Down @@