fix: 脚本编辑器的滚动条遮挡了字符 TencentBlueKing#2786

# Reviewed, transaction id: 3129
hLinx · Feb 29, 2024 · 9e6870c · 9e6870c
1 parent 131af79
commit 9e6870c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/frontend/package.json b/src/frontend/package.json
@@ -20,7 +20,7 @@
     "@blueking/user-selector": "1.0.11",
     "@vue/babel-preset-jsx": "1.4.0",
     "@vue/composition-api": "1.7.2",
-    "ace-builds": "1.31.2",
+    "ace-builds": "1.32.6",
     "axios": "1.6.2",
     "bk-magic-vue": "2.5.8-beta.6",
     "core-js": "3.33.2",

diff --git a/src/frontend/src/components/ace-editor/index.vue b/src/frontend/src/components/ace-editor/index.vue
@@ -480,15 +480,15 @@
           autoScrollEditorIntoView: true,
           copyWithEmptySelection: true,
           useElasticTabstops: true,
-          printMarginColumn: true,
-          printMargin: 80,
           scrollPastEnd: 0.2,
         });
         editor.setTheme('ace/theme/monokai');
         editor.setShowPrintMargin(false);
         editor.$blockScrolling = Infinity;
         editor.setReadOnly(this.readonly);
 
+        editor.renderer.setScrollMargin(0, 0, 0, 120);
+
         editor.on('change', () => {
           this.content = editor.getValue();
           const content = Base64.encode(this.content);