css updates 6/14 (#309)

ni · Jun 14, 2022 · 2f2920f · 2f2920f
1 parent 5dc5fe6
commit 2f2920f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 25 deletions.
diff --git 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,27 +21,13 @@ 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};
         padding: 2px;
         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
@@ -51,5 +51,4 @@ const metadata: Meta<TooltipArgs> = {
 };
 
 export default metadata;
-
-export const tooltip: StoryObj<TooltipArgs> = {}; 
+export const tooltip: StoryObj<TooltipArgs> = {};