search

ajay-dhangar / algo

This repository contains a collection of data structures and algorithms implemented in various programming languages. It is designed to help learners understand key concepts through hands-on examples. Contributions and improvements are welcome!
https://ajay-dhangar.github.io/algo/
MIT License
70 stars 231 forks source link

[Bug]: Hover effect not working #1534

Closed shivhere007 closed 2 weeks ago

shivhere007 commented 2 weeks ago

Bug Summary

"Twitter logo hover effect not working" indicates that the expected style or animation on mouse hover over the Twitter logo fails to activate, likely due to CSS, JavaScript issues, or conflicting styling rules.

Bug Description

The twitter (X) logo should hover in purple when cursor is hovered on it.

Steps to Reproduce

  1. Open the Project: Load the HTML/CSS file or the project where the Twitter logo is displayed.
  2. Locate the Twitter Logo: Identify the element representing the Twitter logo (e.g., , , or ).
  3. Check Hover CSS: Confirm that CSS for the hover effect is defined (e.g., :hover pseudo-class or JavaScript-based animation).
  4. Apply Hover Action: Hover the mouse over the Twitter logo and observe if the intended effect (such as color change, scale, or opacity) triggers.
  5. Inspect Browser Console: Open the browser’s developer tools (usually by pressing F12), check the "Console" and "Elements" tabs to identify any errors or CSS conflicts.
  6. Verify CSS and JavaScript Files: Ensure the hover effect code is linked and loaded correctly, with no conflicts from other styles or scripts.

Expected Behavior

After fixing the hover effect should be implemented.

Actual Behavior

No response

Screenshots or Logs (Optional)

https://github.com/user-attachments/assets/16aea511-8379-4ed2-8c46-d7e8190559e7

Severity

Minor - cosmetic or minor issue

Environment

System Information (Optional)

OS: Windows 11, Browser: Chrome, Internet Explorer, Firefox

shivhere007 commented 2 weeks ago

Kindly assign it to me @ajay-dhangar , I will fix it asap.