Liisa/enhancement/627 site wide bugs and UI improvements#633
Liisa/enhancement/627 site wide bugs and UI improvements#633
Conversation
Fixed viewport width and component overflow
Fixed the sharing button: Icon and text are centered. Border no longer jumps back and forth hover.
"Read More" section margin applied.
Updated the image dimensions to 1024x1024 to ensure high resolution with all screen sizes.
Updated the NewsCard image dimensions to 1024x1024.
Changed icons to be orange and added a hover effect.
Removed the ChatBotToggleButton component from the global layout
7bee385 to
31d7c66
Compare
Increase the component's z-index to ensure it remains on the top layer above all other page content
83339fe to
f99de3e
Compare
Rutjake
left a comment
There was a problem hiding this comment.
Great work! Most of the bugs have been fixed, and the overall user experience of the site is improving significantly. However, a few things still need attention:
Mobile Responsiveness: The pages are still too wide for mobile screens. You can see this when "swiping" the mobile view sideways and the page wobbles horizontally.

GameArt Page: This page still crashes in the local development environment, as we discussed earlier on Discord.

See also the comments below.
| <Providers> | ||
| <FeedbackSideButton /> | ||
| <ChatBotToggleButton /> | ||
| {/* <ChatBotToggleButton /> */} |
There was a problem hiding this comment.
We could have deleted this, but we can leave it in for a quick rollout, just in case it's needed later.
| @@ -1,80 +1,83 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Joti+One&display=swap'); | |||
| //OLD FEEDBACK SCSS | |||
There was a problem hiding this comment.
Regarding the commented-out code: we should avoid leaving unused components commented out as it adds technical debt. It's better to either keep the component active or remove it entirely. Since we have a dedicated issue coming up for cleaning up old components, let's not leave it in a commented state—could you either revert the commenting or delete the file?
📄 Pull Request Overview
Closes #627
🔧 Changes Made
imageandsidebarLogoto structured objects withsrc,alt,width, andheight-updated
createSection, related types, and section data to match the new structureImproved image handling in news-related components by updating image dimensions.
Cleaned up legacy feedback styling by commenting out the old feedback card.
✅ Checklist Before Submission
console.log()or other debugging statements are left.📝 Additional Information
Provide any additional context or information that reviewers may need to know: