remove extra padding and global style

iterative · Sep 8, 2022 · 4bdb869 · 4bdb869
1 parent 5d57f8b
commit 4bdb869
Show file tree

Hide file tree

Showing 4 changed files with 1 addition and 12 deletions.
diff --git a/webview/src/experiments/components/table/Indicators.tsx b/webview/src/experiments/components/table/Indicators.tsx
@@ -13,7 +13,6 @@ import {
 } from '../../../shared/components/icons'
 import { sendMessage } from '../../../shared/vscode'
 import Tooltip from '../../../shared/components/tooltip/Tooltip'
-import tooltipStyles from '../../../shared/components/tooltip/styles.module.scss'
 import { pluralize } from '../../../util/strings'
 import { ExperimentsState } from '../../store'
 
@@ -31,7 +30,6 @@ export const IndicatorTooltip: React.FC<IndicatorTooltipProps> = ({
       placement="bottom-start"
       disabled={!tooltipContent}
       content={tooltipContent}
-      className={tooltipStyles.padded}
       ref={wrapperRef}
     >
       {children}

diff --git a/webview/src/shared/components/iconMenu/IconMenu.tsx b/webview/src/shared/components/iconMenu/IconMenu.tsx
@@ -3,7 +3,6 @@ import { useSingleton } from '@tippyjs/react'
 import { IconMenuItem, IconMenuItemProps } from './IconMenuItem'
 import styles from './styles.module.scss'
 import Tooltip from '../tooltip/Tooltip'
-import tooltipStyles from '../tooltip/styles.module.scss'
 
 interface IconMenuProps {
   items: IconMenuItemProps[]
@@ -29,7 +28,6 @@ export const IconMenu: React.FC<IconMenuProps> = ({ items }) => {
 
   return (
     <Tooltip
-      className={tooltipStyles.padded}
       singleton={tooltipSource}
       placement="bottom-end"
       popperOptions={popperOptions}

diff --git a/webview/src/shared/components/tooltip/Tooltip.tsx b/webview/src/shared/components/tooltip/Tooltip.tsx
@@ -28,8 +28,7 @@ const TooltipRenderFunction: React.ForwardRefRenderFunction<
     onTrigger,
     appendTo,
     isContextMenu = false,
-    animation = false,
-    className = typeof content === 'string' ? styles.padded : undefined
+    animation = false
   },
   ref
 ) => (
@@ -44,7 +43,6 @@ const TooltipRenderFunction: React.ForwardRefRenderFunction<
         <div className={styles.tooltipContent}>{content}</div>
       )
     }
-    className={className}
     placement={placement}
     delay={delay}
     disabled={disabled}

diff --git a/webview/src/shared/components/tooltip/styles.module.scss b/webview/src/shared/components/tooltip/styles.module.scss
@@ -4,11 +4,6 @@ $foreground: var(--vscode-quickInput-foreground);
 $background: var(--vscode-quickInput-background);
 $font: var(--vscode-font-family);
 
-:global(.tippy-box).padded {
-  & > :global(.tippy-content) {
-    padding: 2px 6px;
-  }
-}
 :global(.tippy-box) {
   filter: $vscode-drop-shadow;
   font-family: $font;