jan's review

mui · Sep 11, 2024 · 30118c2 · 30118c2
1 parent 4bfff9e
commit 30118c2
Showing 1 changed file with 20 additions and 15 deletions.
diff --git a/docs/src/modules/components/ApiPage/list/ExpandableApiItem.tsx b/docs/src/modules/components/ApiPage/list/ExpandableApiItem.tsx
@@ -16,15 +16,19 @@ const Root = styled('div')<{ ownerState: { type?: DescriptionType } }>(
   ({ theme }) => ({
     position: 'relative',
     marginBottom: 12,
-    scrollMarginTop: 'calc(var(--MuiDocs-header-height) + 32px)',
     '& .MuiApi-item-header': {
-      minHeight: 26,
       display: 'flex',
       alignItems: 'center',
-      marginLeft: -38,
       marginBottom: 8,
+      marginLeft: -38,
       lineHeight: 1.5,
     },
+    '& .MuiApi-item-header-link': {
+      minHeight: 26,
+      display: 'flex',
+      alignItems: 'center',
+      scrollMarginTop: 'calc(var(--MuiDocs-header-height) + 32px)',
+    },
     '& .MuiApi-item-link-visual': {
       display: 'none',
       flexShrink: 0,
@@ -183,23 +187,24 @@ export default function ExpandableApiItem(props: ExpandableApiItemProps) {
     <Root
       ownerState={{ type }}
       {...other}
-      id={id}
       className={clsx(
-        `MuiApi-item-root ${isExtendable ? 'MuiApi-item-header-extendable' : ''}`,
+        `MuiApi-item-root${isExtendable ? ' MuiApi-item-header-extendable' : ''}`,
         className,
       )}
     >
       <div className="MuiApi-item-header">
-        <a className="MuiApi-item-link-visual" href={`#${id}`} aria-labelledby={id}>
-          <svg>
-            <use xlinkHref="#anchor-link-icon" />
-          </svg>
-        </a>
-        <span
-          className="MuiApi-item-title algolia-lvl3" // This className is used by Algolia
-        >
-          {title}
-        </span>
+        <div className="MuiApi-item-header-link" id={id}>
+          <a className="MuiApi-item-link-visual" href={`#${id}`} aria-labelledby={id}>
+            <svg>
+              <use xlinkHref="#anchor-link-icon" />
+            </svg>
+          </a>
+          <span
+            className="MuiApi-item-title algolia-lvl3" // This className is used by Algolia
+          >
+            {title}
+          </span>
+        </div>
         {note && <span className="MuiApi-item-note">{note}</span>}
         {isExtendable && (
           <IconButton