diff --git a/.changeset/eighty-bugs-sin.md b/.changeset/eighty-bugs-sin.md new file mode 100644 index 0000000000..6eb2df7320 --- /dev/null +++ b/.changeset/eighty-bugs-sin.md @@ -0,0 +1,5 @@ +--- +"claude-dev": patch +--- + +Make tags section in marketplace scrollable diff --git a/webview-ui/src/components/mcp/marketplace/McpMarketplaceCard.tsx b/webview-ui/src/components/mcp/marketplace/McpMarketplaceCard.tsx index c908070fae..509d6a504e 100644 --- a/webview-ui/src/components/mcp/marketplace/McpMarketplaceCard.tsx +++ b/webview-ui/src/components/mcp/marketplace/McpMarketplaceCard.tsx @@ -223,8 +223,16 @@ const McpMarketplaceCard = ({ item, installedServers }: McpMarketplaceCardProps) display: "flex", gap: "6px", flexWrap: "nowrap", - overflow: "hidden", + overflowX: "auto", + scrollbarWidth: "none", position: "relative", + }} + onScroll={(e) => { + const target = e.currentTarget + const gradient = target.querySelector(".tags-gradient") as HTMLElement + if (gradient) { + gradient.style.visibility = target.scrollLeft > 0 ? "hidden" : "visible" + } }}> ))}