More fixes

alexandratran · alexandratran · commit 19b742190e9e · 2025-06-30T20:45:43.000-07:00
diff --git a/docs/whats-new.md b/docs/whats-new.md
@@ -11,8 +11,15 @@ of the [MetaMask developer page](https://metamask.io/developer/).
 
 ## June 2025
 
+- Updated the [docs homepage](/), added descriptive dropdowns the top navigation bar, and
+  added title banners to each product section.
+  ([#2074](https://github.com/MetaMask/metamask-docs/pull/2074))
+- Simplified and enhanced the [SDK introduction](/sdk).
+  ([#2064](https://github.com/MetaMask/metamask-docs/pull/2064))
 - Added [Delegation Toolkit](/delegation-toolkit) to MetaMask documentation.
   ([#2045](https://github.com/MetaMask/metamask-docs/pull/2045))
+- Documented how to use the SDK CLI to set up a [Web3Auth SDK](/sdk/connect/javascript-web3auth) project.
+  ([#2075](https://github.com/MetaMask/metamask-docs/pull/2075))
 
 ## May 2025
 
diff --git a/services/tutorials/ethereum/_category_.json b/services/tutorials/ethereum/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "Ethereum",
+  "position": 1
+}
diff --git a/services/tutorials/ethereum/send-a-transaction/_category_.json b/services/tutorials/ethereum/send-a-transaction/_category_.json
@@ -2,10 +2,5 @@
   "label": "Send transactions",
   "collapsible": true,
   "collapsed": true,
-  "position": 11,
-  "link": {
-    "type": "generated-index",
-    "slug": "tutorials/ethereum/send-a-transaction",
-    "description": "These tutorials use various Web3 libraries to send transactions on the Ethereum testnet."
-  }
+  "position": 11
 }
diff --git a/services/tutorials/layer-2-networks/_category_.json b/services/tutorials/layer-2-networks/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "Layer 2 networks",
+  "position": 2
+}
diff --git a/snaps/features/custom-evm-accounts/create-account-snap.md b/snaps/features/custom-evm-accounts/create-account-snap.md
@@ -1,8 +1,6 @@
 ---
 description: Get started by creating an account management Snap.
 sidebar_position: 1
-tags:
-  - Keyring API
 ---
 
 import Tabs from "@theme/Tabs";
diff --git a/snaps/features/custom-evm-accounts/create-companion-dapp.md b/snaps/features/custom-evm-accounts/create-companion-dapp.md
@@ -2,8 +2,6 @@
 description: Call Keyring API methods from your companion dapp.
 sidebar_position: 2
 sidebar_label: Create a companion dapp
-tags:
-  - Keyring API
 ---
 
 # Create an account management companion dapp
diff --git a/snaps/features/custom-evm-accounts/index.md b/snaps/features/custom-evm-accounts/index.md
@@ -1,8 +1,6 @@
 ---
 description: Connect to custom EVM accounts using the Keyring API.
 sidebar_position: 2
-tags:
-  - Keyring API
 ---
 
 # Custom EVM accounts
diff --git a/snaps/features/custom-evm-accounts/security.md b/snaps/features/custom-evm-accounts/security.md
@@ -2,8 +2,6 @@
 description: Follow these security guidelines when creating an account management Snap.
 sidebar_label: Security guidelines
 sidebar_position: 3
-tags:
-  - Keyring API
 ---
 
 # Account management Snap security guidelines
diff --git a/snaps/learn/best-practices/_category_.json b/snaps/learn/best-practices/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "Best practices",
+  "position": 3
+}
diff --git a/snaps/learn/tutorials/_category_.json b/snaps/learn/tutorials/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "Tutorials",
+  "position": 2
+}
diff --git a/snaps/reference/keyring-api/account-management/events.md b/snaps/reference/keyring-api/account-management/events.md
@@ -1,8 +1,6 @@
 ---
 sidebar_position: 2
 sidebar_label: Events
-tags:
-  - Keyring API
 ---
 
 # Account Management API events
diff --git a/snaps/reference/keyring-api/account-management/index.md b/snaps/reference/keyring-api/account-management/index.md
@@ -1,7 +1,5 @@
 ---
 sidebar_position: 1
-tags:
-  - Keyring API
 ---
 
 import Tabs from "@theme/Tabs";
diff --git a/snaps/reference/keyring-api/account-management/objects.md b/snaps/reference/keyring-api/account-management/objects.md
@@ -1,8 +1,6 @@
 ---
 sidebar_position: 1
 sidebar_label: Objects
-tags:
-  - Keyring API
 ---
 
 # Account Management API objects
diff --git a/snaps/reference/keyring-api/chain-methods.md b/snaps/reference/keyring-api/chain-methods.md
@@ -1,7 +1,5 @@
 ---
 sidebar_position: 2
-tags:
-  - Keyring API
 ---
 
 import Tabs from "@theme/Tabs";
diff --git a/snaps/reference/keyring-api/index.md b/snaps/reference/keyring-api/index.md
@@ -1,8 +1,6 @@
 ---
 description: See the Keyring API reference.
 sidebar_position: 7
-tags:
-  - Keyring API
 ---
 
 # Keyring API
diff --git a/src/components/ParserOpenRPC/DetailsBox/MDContent.tsx b/src/components/ParserOpenRPC/DetailsBox/MDContent.tsx
@@ -63,5 +63,5 @@ interface MDContentProps {
 }
 
 export const MDContent = ({ content = "" }: MDContentProps) => (
-  <span dangerouslySetInnerHTML={{ __html: parseMarkdown(content) }} />
+  <span className="md-content" dangerouslySetInnerHTML={{ __html: parseMarkdown(content) }} />
 );
diff --git a/src/components/ParserOpenRPC/DetailsBox/styles.module.scss b/src/components/ParserOpenRPC/DetailsBox/styles.module.scss
@@ -148,6 +148,36 @@
   font-size: 1.6rem;
 }
 
+// Styles for markdown content rendered by MDContent component
+:global(.md-content) {
+  a {
+    color: var(--ifm-link-color);
+    text-decoration: underline;
+    text-decoration-color: var(--ifm-link-color);
+    text-decoration-thickness: 0.1rem;
+    text-underline-offset: 0.4rem;
+    transition: color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
+    font-weight: 500;
+
+    &:hover {
+      color: var(--ifm-link-hover-color);
+      text-decoration: underline;
+      text-decoration-color: var(--ifm-link-hover-color);
+      text-decoration-thickness: 0.1rem;
+      text-underline-offset: 0.4rem;
+    }
+  }
+
+  code {
+    font-family: var(--font-mm-sans-mono);
+    font-size: 80%;
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+    background: var(--ifm-code-background);
+    border-radius: 0.4rem;
+  }
+}
+
 html[data-theme='dark'] {
   .paramWrapper,
   .borderWrapper,
diff --git a/src/scss/theme/_markdown.scss b/src/scss/theme/_markdown.scss
@@ -34,6 +34,7 @@
   > h6,
   > ul,
   > ol,
+  table,
   .cards {
     a {
       color: var(--ifm-link-color);
@@ -72,6 +73,16 @@
     }
   }
 
+  ul ol {
+    margin-top: 1rem;
+    margin-left: 3rem;
+    margin-bottom: 2rem;
+
+    li {
+      margin-bottom: 1rem;
+    }
+  }
+
   > ul {
     margin-left: 2rem;
     list-style-type: disc;
@@ -115,6 +126,8 @@
   ol li > code,
   a > code,
   table > code,
+  table td > code,
+  table th > code,
   span > code {
     @extend .font-mm-sans-mono;
     font-size: 80%;

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +  "label": "Ethereum",
 +  "position": 1
 +}