You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This file contains 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
Issue #351 : Add Descriptive Titles to Icons solved
Type of PR
Bug fix
Feature enhancement
Documentation update
Description
This pull request aims to enhance the user interface by adding hover effects for three buttons: the Dark Mode toggle, the Chatbox icon, and the Scroll to Top button. The hover effects provide users with visual feedback, improving usability and accessibility.
Screenshots / Videos (if applicable)
Before
The buttons did not provide any feedback on hover, making it unclear to users that they were interactive.
After
The buttons now display hover text, improving user understanding and interaction. The hover text appears above the buttons, clearly indicating their function.
Checklist
I have performed a self-review of my code.
I have tested the changes thoroughly before submitting this pull request.
I have provided relevant issue numbers, screenshots, and videos after making the changes.
I have commented my code, particularly in hard-to-understand areas.
Additional Context
The hover effects were achieved using CSS pseudo-elements. I faced some challenges with positioning the hover text correctly, but adjustments were made to ensure that it appears neatly above the respective buttons. The implementation was tested in multiple browsers to ensure consistency.
@Sai-ganesh-0004 The chatbot button styling is changed, it should remain same.
Actually it is in black because as you directly bought it from the website chatbase i could not actually add descriptive title for as it is not an element in html or css so i installed a photo of the chatbox and when clicked on that it will open the chatbox
@Sai-ganesh-0004 The chatbot button styling is changed, it should remain same.
Actually it is in black because as you directly bought it from the website chatbase i could not actually add descriptive title for as it is not an element in html or css so i installed a photo of the chatbox and when clicked on that it will open the chatbox
If you want i could put the orange chatbox icon instead of black one
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.
Pull Request Title
Issue #351 : Add Descriptive Titles to Icons solved
Type of PR
Description
This pull request aims to enhance the user interface by adding hover effects for three buttons: the Dark Mode toggle, the Chatbox icon, and the Scroll to Top button. The hover effects provide users with visual feedback, improving usability and accessibility.
Screenshots / Videos (if applicable)
Before
After
Checklist
Additional Context
The hover effects were achieved using CSS pseudo-elements. I faced some challenges with positioning the hover text correctly, but adjustments were made to ensure that it appears neatly above the respective buttons. The implementation was tested in multiple browsers to ensure consistency.
Thank you for reviewing my pull request!