diff --git a/packages/nimble-components/src/tooltip/styles.ts b/packages/nimble-components/src/tooltip/styles.ts index 9faa28dfbf..9fffd47413 100644 --- a/packages/nimble-components/src/tooltip/styles.ts +++ b/packages/nimble-components/src/tooltip/styles.ts @@ -1,18 +1,13 @@ import { css } from '@microsoft/fast-element'; import { display } from '@microsoft/fast-foundation'; -import { focusVisible } from '@microsoft/fast-foundation'; - import { borderColor, - tooltipCaptionFont, + tooltipCaptionFont, tooltipCaptionFontColor, - controlHeight, - borderWidth, - smallDelay, - + borderWidth } from '../theme-provider/design-tokens'; -//font should be source sans pro regular 11px +// font should be source sans pro regular 11px export const styles = css` ${display('inline-flex')} @@ -26,13 +21,7 @@ export const styles = css` user-select: none; } - :host([disabled]) { - cursor: default; - } - - .control { - width: calc(${controlHeight} / 2); - height: calc(${controlHeight} / 2); + .tooltip { box-sizing: border-box; flex-shrink: 0; border: ${borderWidth} solid ${borderColor}; @@ -40,13 +29,5 @@ export const styles = css` display: inline-flex; align-items: center; justify-content: center; - transition: box-shadow ${smallDelay}; - ${ - /* - * Firefox includes the line height in the outline height calculation (not sure if intended or accidental). - * Set it to 0 to ensure the outline is just as high as the control. - */ '' - } - line-height: 0; } `; diff --git a/packages/nimble-components/src/tooltip/tests/tooltip.stories.ts b/packages/nimble-components/src/tooltip/tests/tooltip.stories.ts index df1eb4b91f..207baedfb3 100644 --- a/packages/nimble-components/src/tooltip/tests/tooltip.stories.ts +++ b/packages/nimble-components/src/tooltip/tests/tooltip.stories.ts @@ -51,5 +51,4 @@ const metadata: Meta = { }; export default metadata; - -export const tooltip: StoryObj = {}; +export const tooltip: StoryObj = {}; \ No newline at end of file