From a3e76dd2f5e5879d143306a08ae300fe52fbba49 Mon Sep 17 00:00:00 2001 From: abose Date: Mon, 3 Feb 2025 09:08:57 +0530 Subject: [PATCH] fix: indent guides causes 1px drift in word wrapped lines --- src/extensionsIntegrated/indentGuides/main.js | 1 + src/styles/brackets_codemirror_override.less | 10 ++++------ 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/src/extensionsIntegrated/indentGuides/main.js b/src/extensionsIntegrated/indentGuides/main.js index 8f1d5d7bb7..f0920f121d 100644 --- a/src/extensionsIntegrated/indentGuides/main.js +++ b/src/extensionsIntegrated/indentGuides/main.js @@ -136,6 +136,7 @@ define(function (require, exports, module) { } else if (shouldRerender || cm.__overlayEnabled !== enabled) { cm.__overlayEnabled = enabled; _reRenderOverlay(); + // rare event, should not happen often. log if we are debugging performance related issues. console.log("Refreshing indent guides"); } } diff --git a/src/styles/brackets_codemirror_override.less b/src/styles/brackets_codemirror_override.less index 915923ce78..524939cc60 100644 --- a/src/styles/brackets_codemirror_override.less +++ b/src/styles/brackets_codemirror_override.less @@ -293,16 +293,14 @@ span.cm-emstrong { .cm-phcode-indent-guides::before { content: " "; - width: 1px; display: inline-block; - position: relative; - border-left: 1px solid rgba(128, 128, 128, 0.3); + position: absolute; + box-shadow: inset 1px 0 0 rgba(128, 128, 128, 0.3); } .cm-phcode-indent-guides-none::before { content: " "; - width: 1px; display: inline-block; - position: relative; - border-left: 1px solid transparent; + position: absolute; + box-shadow: none; } \ No newline at end of file