feat: only glow info bar

Author: aminya

lib/datatip-manager.ts

@@ -368,7 +368,7 @@ export class DataTipManager {
               containerClassName: "datatip-component-container",
               contentClassName: "datatip-component",
             },
-            className: "datatip-element select-list popover-list datatip-transform",
+            className: "datatip-element select-list popover-list",
           })
           this.dataTipMarkerDisposables = this.mountDataTipWithMarker(editor, datatip.range, position, dataTipView)
         } else if (datatip.markedStrings.length > 0) {
@@ -406,7 +406,7 @@ export class DataTipManager {
           const dataTipView = new ViewContainer({
             snippet,
             markdown,
-            className: "datatip-element select-list popover-list datatip-transform",
+            className: "datatip-element select-list popover-list",
           })
 
           this.dataTipMarkerDisposables = this.mountDataTipWithMarker(editor, datatip.range, position, dataTipView)

styles/atom-ide-datatips.less

@@ -38,18 +38,16 @@
   width: auto;
 }
 
-.datatip-element.datatip-transform {
-  // glow on hover
-  transition: background-color 0.15s ease;
-  &:hover {
-    background-color: mix(@syntax-background-color, @syntax-selection-color, 95%);
-  }
-}
-
 .datatip-overlay {
   // info border
   border-bottom: 5px solid @background-color-highlight;
   border-radius: 3px;
+
+  // info bar glow
+  transition: border-bottom-color 0.15s ease;
+  &:hover {
+    border-bottom-color: lighten(@background-color-highlight, 10%);
+  }
 }
 
 /** Applied to ReactView (Components) */