fix: debug hover no background (#3532)

opensumi · Apr 16, 2024 · cc8c8aa · cc8c8aa
1 parent 1da9760
commit cc8c8aa
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/packages/core-browser/src/style/monaco-override.less b/packages/core-browser/src/style/monaco-override.less
@@ -56,8 +56,10 @@
 
     .debug-hover-widget {
       position: absolute;
-      margin-top: -1px;
       z-index: 50;
+      background-color: var(--vscode-editorHoverWidget-background);
+      border: 1px solid var(--vscode-editorHoverWidget-border);
+      color: var(--vscode-editorHoverWidget-foreground);
     }
 
     .decorationsOverviewRuler {

diff --git a/packages/debug/src/browser/editor/debug-hover.module.less b/packages/debug/src/browser/editor/debug-hover.module.less
@@ -6,7 +6,6 @@
   line-height: 21px;
   letter-spacing: 0px;
   background-color: var(--editor-background);
-  border: 1px solid rgb(79, 180, 216);
   position: relative;
 }
 

diff --git a/packages/debug/src/browser/view/variables/debug-variables.module.less b/packages/debug/src/browser/view/variables/debug-variables.module.less
@@ -84,6 +84,12 @@
   flex-shrink: 0;
   font-size: 16px;
   color: var(--foreground);
+
+  &:before {
+    transition: transform 0.2s ease-in-out;
+    font-size: 14px;
+  }
+
   &.mod_collapsed {
     &:before {
       display: block;