scriptoriumadmin/Roo-Code
1
0
Fork 0
mirror of https://github.com/RooVetGit/Roo-Code.git synced 2026-08-28 05:27:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: Make marketplace tags scrollable (#1857)

Browse source 
* Make marketplace tags scrollable

* Changeset
This commit is contained in:
Frostbourne 2025-02-27 15:54:51 -08:00 • committed by GitHub
parent 39980e9be7
commit db4f6a72c3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/eighty-bugs-sin.md Normal file
View file

@ -0,0 +1,5 @@
---
"claude-dev": patch
---
Make tags section in marketplace scrollable

11
webview-ui/src/components/mcp/marketplace/McpMarketplaceCard.tsx
View file

@ -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"
}
}}>
<span
style={{
@ -254,6 +262,7 @@ const McpMarketplaceCard = ({ item, installedServers }: McpMarketplaceCardProps)
</span>
))}
<div
className="tags-gradient"
style={{
position: "absolute",
right: 0,