Merge branch 'main' of https://github.com/mongodb/snooty into feature…

…-structured-data
mongodb · Oct 8, 2024 · 05b032c · 05b032c
2 parents bf3ecb4 + 6f3b77b
commit 05b032c
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 3 deletions.
diff --git a/src/components/Footnote/index.js b/src/components/Footnote/index.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';
 import { palette } from '@leafygreen-ui/palette';
 import { css, cx } from '@leafygreen-ui/emotion';
+import { theme } from '../../theme/docsTheme';
 import ComponentFactory from '../ComponentFactory';
 import { getNestedValue } from '../../utils/get-nested-value';
 import { intersperse } from '../../utils/intersperse';
@@ -12,9 +13,13 @@ const tableStyling = (darkMode) => css`
   border: 0;
   border-collapse: collapse;
   margin: 24px 0;
-  font-size: 14px;
+  font-size: ${theme.fontSize.small};
   line-height: 24px;
 
+  tbody tr td a {
+    font-size: ${theme.fontSize.small};
+  }
+
   tbody tr td div.highlight pre {
     background-color: inherit;
   }

diff --git a/src/components/Roles/Abbr.js b/src/components/Roles/Abbr.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import InlineDefinition from '@leafygreen-ui/inline-definition';
+import { theme } from '../../theme/docsTheme';
 
 const Abbr = ({
   nodeData: {
@@ -17,7 +18,11 @@ const Abbr = ({
     expansion = expansion.split(')')[0];
     abbr = abbr.trim();
   }
-  return <InlineDefinition definition={expansion}>{abbr}</InlineDefinition>;
+  return (
+    <InlineDefinition popoverZIndex={theme.zIndexes.popovers} definition={expansion}>
+      {abbr}
+    </InlineDefinition>
+  );
 };
 
 Abbr.propTypes = {

diff --git a/src/theme/docsTheme.js b/src/theme/docsTheme.js
@@ -94,6 +94,7 @@ const zIndexes = {
   sidenav: 900,
   header: 1000,
   widgets: 2000,
+  popovers: 10000,
 };
 
 // media queries that define system color preference

diff --git a/tests/unit/__snapshots__/Footnote.test.js.snap b/tests/unit/__snapshots__/Footnote.test.js.snap
@@ -6,10 +6,14 @@ exports[`renders correctly 1`] = `
   border: 0;
   border-collapse: collapse;
   margin: 24px 0;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 24px;
 }
 
+.emotion-0 tbody tr td a {
+  font-size: 13px;
+}
+
 .emotion-0 tbody tr td div.highlight pre {
   background-color: inherit;
 }