## Unify pills across the monorepo + circles / market polish - #573
Merged
Conversation
Single source of truth in @0xsofia/design-system: - New <TopicPill> + topic-pill.css (filled disc, black glyph) - <VerbTag> gains a compact `sm` variant + colour-driven `--vc` path; feed cards render `.fc-verb-tag--sm` instead of the old `.fc-verb` - Dedupe: drop the duplicate `.fc-verb-tag` block and `.fc-verb` in feed-card.css Extension: migrate bookmark rows (UrlRow), HistoryTab, ContextPills, reward ticket and Amplify onto the shared pills; remove the local overrides and dead CSS (.cert-badge, .amp-tag, .rc-mark-ctx, the Global.css verb overrides, the ported .sf-topic-pill). The Categorisation dropdown is decoupled into its own .ext-cat-chip so it keeps its look. Explorer: <VerbPill>/<TopicPill> become thin wrappers over the DS components; pills.css emptied. Feed verb chips now carry the intent icon (the adapter injects it). The Scores "All topics" list uses TopicPill (icon on a solid disc) instead of a dot + monochrome glyph. Circle/nav polish: rename Members to "Most active members" with a top-right "View all"; drop the KPI band top border and the label dots; KPI tiles show the number on top, text below; remove the nav circle dots and the "+" add chip; align circle avatars with their titles. Verified: tsc (design-system + extension + explorer) and prettier clean; both apps build (Plasmo + Vite). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- extension: remove the peach left-accent bar on selected Amplify basket rows (.amp .b3-row.is-on::before) - explorer: remove the member count from the nav sidebar circle list (.ns-circle-count) + its now-dead CSS Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- design-system: <FaviconWrapper> tries `src` → `fallbackSrc` → letter tile (seeded from `alt`) so the box is never empty; <FeedCardView> gains `pendingUp`/`pendingDown` → a dashed green accent on the vote thumb. - explorer: the platforms right rail now falls back to the on-chain image (shared `resolvePlatformImage`) like the list, so its favicons show up; the DEX rows drop their coloured left rail; the FeedCard marks a like/dislike as pending (queued in the cart, awaiting tx) via useCart; circle KPI tiles collapse to number + a single label line. - format: re-run the repo Prettier (root 3.4.2) so `bun format:check` is clean in CI (some files had been formatted with the extension's 3.2.4). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Pills — single source of truth in
@0xsofia/design-system<TopicPill>+topic-pill.css(filled disc, black glyph).<VerbTag>gains a compactsmvariant + a colour-driven--vcpath; feed cards render.fc-verb-tag--sminstead of the old.fc-verb. Duplicate.fc-verb-tag/.fc-verbblocks removed.UrlRow),HistoryTab,ContextPills, the reward ticket and the Amplify basket migrated onto the shared pills. Local overrides + dead CSS removed (.cert-badge,.amp-tag,.rc-mark-ctx, the Global.css verb overrides, the ported.sf-topic-pill). The Categorisation dropdown is decoupled into its own.ext-cat-chipso it keeps its look.<VerbPill>/<TopicPill>become thin wrappers over the DS components;pills.cssemptied; the 11 consumers are unchanged. Feed verb chips now carry the intent icon (adapter injects it). The Scores "All topics" list usesTopicPill(icon on a solid disc) instead of a dot + monochrome glyph.Design decisions: verbs = outlined, intent-coloured text + border + icon. Topics = filled disc, black glyph. Dropdown menus keep their own style (untouched).
Circles / nav polish
Favicons & pending votes
<FaviconWrapper>triessrc→fallbackSrc→ a letter tile (seeded fromalt) so the box is never empty. The platforms right rail now falls back to the on-chain image (sharedresolvePlatformImage) like the list, so its favicons show up. DEX rows drop their coloured left rail.<FeedCardView>gainspendingUp/pendingDown→ a dashed green accent on the vote thumb. The explorer FeedCard marks a like/dislike as pending (queued in the cart, awaiting tx) viauseCart.Verification
tscclean: design-system, extension, explorer.bun format:checkclean (root Prettier 3.4.2).