Skip to content

fix(marketing): platform-aware download CTA icons and cursor icon#2702

Open
meetpateltech wants to merge 1 commit into
pingdotgg:mainfrom
meetpateltech:fix/platform-cta-and-cursor-icon
Open

fix(marketing): platform-aware download CTA icons and cursor icon#2702
meetpateltech wants to merge 1 commit into
pingdotgg:mainfrom
meetpateltech:fix/platform-cta-and-cursor-icon

Conversation

@meetpateltech
Copy link
Copy Markdown

@meetpateltech meetpateltech commented May 14, 2026

What Changed

  • Fix download button to show only the current OS icon instead of multiple icons
  • Fix Linux Tux icon not rendering due to Astro CSS scoping by switching styles to :global()
  • Update secondary CTA link to omit the current OS and show only alternative platforms
  • Update cursor icon SVG to a lighter variant for better visibility on dark backgrounds

Why

The download CTA was showing multiple platform icons at once and the Linux Tux icon was not rendering correctly due to Astro scoped CSS behavior. This update improves platform-specific CTA clarity, fixes icon visibility issues, and updates the cursor icon to a lighter variant for better visibility on dark backgrounds.

Fixes #2683

UI Changes

1. Hero Section:

before:

image

after:

image

2. Linux Icon:

before:

Screenshot_20260514-224423~2

after:

Screenshot_20260514-224327

3. Cursor Icon:

before:

image

after:

image

4. Final CTA Section:

before:

image

after:

image

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Low Risk
Low risk marketing-page UI changes; main risk is unintended DOM/CSS behavior that could hide/remove the wrong icon or mislabel the alternate-platform link.

Overview
Makes the marketing homepage download CTAs platform-aware: the JS now updates the secondary CTA to list only other platforms, and removes non-matching .dl-icon elements so only the current OS icon remains.

Fixes Astro CSS scoping for download icons by switching icon rules to :global() and tightening default/data-platform display logic.

Updates cursor_light.svg to a simplified light-filled variant for better visibility on dark backgrounds.

Reviewed by Cursor Bugbot for commit a16a2ce. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Fix platform-aware download CTA icons and 'other platforms' link text on marketing index

  • The download button on index.astro now shows only the icon matching the detected OS by removing non-matching .dl-icon elements from the DOM after platform detection.
  • The 'other platforms' link text is updated dynamically to list the non-detected platforms, with order varying by detected OS.
  • Pre-JS default shows the Apple icon; icon visibility is controlled via html[data-platform] CSS selectors as a fallback.
  • A new cursor_light.svg asset is added to the marketing public harnesses.

Macroscope summarized a16a2ce.

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented May 14, 2026

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 367c47bc-f402-47a5-9497-0ec501dd30c5

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

  • Generate code and open pull requests
  • Plan features and break down work
  • Investigate incidents and troubleshoot customer tickets together
  • Automate recurring tasks and respond to alerts with triggers
  • Summarize progress and report instantly

Built for teams:

  • Shared memory across your entire org—no repeating context
  • Per-thread sandboxes to safely plan and execute work
  • Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions github-actions Bot added size:M 30-99 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list. labels May 14, 2026
@macroscopeapp
Copy link
Copy Markdown
Contributor

macroscopeapp Bot commented May 14, 2026

Approvability

Verdict: Approved

This PR contains only client-side UI changes to the marketing download CTAs - updating icon display and link text based on detected OS. The changes are cosmetic, self-contained, and have no backend or security implications.

You can customize Macroscope's approvability policy. Learn more.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M 30-99 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Website assumes macOS

1 participant