spikerj/spikersoft-issues
1
0
Fork 0
Code Issues 196 Pull Requests Actions Packages Projects Releases Wiki Activity

## [UI] Missing Icon for X Button in Social Media Section #149

New Issue
Closed
opened 2026-05-17 21:43:00 +00:00 by enjin2310 · 1 comment
enjin2310 commented 2026-05-17 21:43:00 +00:00
Copy Link
Copy Source

Classification

Type: UI Bug
Priority: Low
Component: Contact Page / Social Media Buttons

Summary

On the Contact page of the SpikerSoft website, the social media section under Follow Us displays multiple icons (Link, Facebook, SpikerSoft), but the X (formerly Twitter) button fails to render its icon. The button space appears but remains blank or unresponsive.

Steps to Reproduce

  1. Navigate to learn.spikersoft.com/contact.
  2. Scroll down to the Follow Us section.
  3. Observe the social media buttons displayed.
  4. Notice that the X (Twitter) button does not show its icon.

Expected Behavior

  • The X button should display the correct icon (Twitter/X logo).
  • The button should be visually consistent with other social media icons.
  • Hover and click interactions should function normally.

Actual Behavior

  • The X button appears without an icon.
  • The button may still occupy space but lacks visual representation.
  • Other icons (Link, Facebook, SpikerSoft) render correctly.

Evidence

The attached screenshot shows the Follow Us section with visible icons for Link, Facebook, and SpikerSoft, but missing the X icon.

Environment

  • Browser: Microsoft Edge
  • OS: Windows 10
  • Page: Contact
  • Version: v2026.05.17a

Possible Root Cause

  • Missing or incorrect SVG/FontAwesome reference for the X icon.
  • CSS class mismatch or outdated icon library.
  • The icon asset may not have been updated after Twitter’s rebranding to X.

Suggested Fix

  • Verify the icon source path and ensure the correct asset is loaded.
  • Update the icon library to include the new X logo.
  • Check CSS selectors for visibility and alignment consistency.

Additional Notes

The rest of the contact information and social media buttons function correctly. The issue is purely visual and does not affect page functionality.

### Classification **Type:** UI Bug **Priority:** Low **Component:** Contact Page / Social Media Buttons ### Summary On the **Contact** page of the SpikerSoft website, the social media section under **Follow Us** displays multiple icons (Link, Facebook, SpikerSoft), but the **X (formerly Twitter)** button fails to render its icon. The button space appears but remains blank or unresponsive. ### Steps to Reproduce 1. Navigate to [learn.spikersoft.com/contact](https://learn.spikersoft.com/contact). 2. Scroll down to the **Follow Us** section. 3. Observe the social media buttons displayed. 4. Notice that the **X (Twitter)** button does not show its icon. ### Expected Behavior - The **X** button should display the correct icon (Twitter/X logo). - The button should be visually consistent with other social media icons. - Hover and click interactions should function normally. ### Actual Behavior - The **X** button appears without an icon. - The button may still occupy space but lacks visual representation. - Other icons (Link, Facebook, SpikerSoft) render correctly. ### Evidence The attached screenshot shows the **Follow Us** section with visible icons for Link, Facebook, and SpikerSoft, but missing the **X** icon. ### Environment - **Browser:** Microsoft Edge - **OS:** Windows 10 - **Page:** Contact - **Version:** v2026.05.17a ### Possible Root Cause - Missing or incorrect SVG/FontAwesome reference for the X icon. - CSS class mismatch or outdated icon library. - The icon asset may not have been updated after Twitter’s rebranding to X. ### Suggested Fix - Verify the icon source path and ensure the correct asset is loaded. - Update the icon library to include the new X logo. - Check CSS selectors for visibility and alignment consistency. ### Additional Notes The rest of the contact information and social media buttons function correctly. The issue is purely visual and does not affect page functionality.
Screenshot 2026-05-17 174008.png
139 KiB
Screenshot 2026-05-17 174008.png
spikerj commented 2026-06-08 15:03:48 +00:00
Owner
Copy Link
Copy Source

This was resolved as part of the X (Twitter) social-icon fix (issue #218 / #178), which is already merged to master.

The Contact page's social buttons now register the official monochrome X, LinkedIn, and Facebook marks as inline SVGs via MatIconRegistry and render them with <mat-icon [svgIcon]="...">, so the X button displays its logo and inherits the button color. Closing as resolved — please reopen if you still see a blank X button after the next deploy.

This was resolved as part of the X (Twitter) social-icon fix (issue #218 / #178), which is already merged to `master`. The Contact page's social buttons now register the official monochrome **X**, LinkedIn, and Facebook marks as inline SVGs via `MatIconRegistry` and render them with `<mat-icon [svgIcon]="...">`, so the X button displays its logo and inherits the button color. Closing as resolved — please reopen if you still see a blank X button after the next deploy.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
agentic
Actionable surfaced by the agentic architecture & security review
 bug
Something is not working
 duplicate
This issue or pull request already exists
 enhancement
New feature
 help wanted
Need some help
 invalid
Something is wrong
 question
More information is needed
 sonarqube
Code quality issue surfaced by SonarQube (bug / code smell)
 wontfix
This won't be fixed
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
spikerj (Joseph Spiker)
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: spikerj/spikersoft-issues#149