Fix UI issues and enhance localization#153
Merged
adamswonder merged 6 commits intoAfrican-Ruby-Community:mainfrom Mar 8, 2026
Merged
Fix UI issues and enhance localization#153adamswonder merged 6 commits intoAfrican-Ruby-Community:mainfrom
adamswonder merged 6 commits intoAfrican-Ruby-Community:mainfrom
Conversation
Upgrade image rendering to prevent black flash during load by switching to Tailwind 4 opacity syntax and adding eager loading with explicit dimensions. - Use bg-black/40 instead of deprecated bg-black bg-opacity-40 - Add loading: "eager" to prioritize hero image load - Set explicit height to prevent layout shift - Switch to pre-optimized image (intro-landing-optimized.jpg)
- Replace chapter card design with events card style (hover effects, modern layout) - Reduce learning materials card size to match projects page grid - Make featured learning materials larger than general resources (2-col vs 3-col grid) - Add elegant projects page search bar design to learning and events pages - Fix search icon alignment persisting after Turbo navigation using inline styles for position stability across all pages
…, sw.yml, fr.yml) for: - Events index and show pages - Conferences index page - All UI elements like buttons, labels, messages, and placeholders Update the view files to use the t() helper method to fetch translations: index.html.erb - All hardcoded text replaced with translation keys show.html.erb - All hardcoded text replaced with translation keys index.html.erb - All hardcoded text replaced with translation keys
…, sw.yml, fr.yml) for: - Events index and show pages - Conferences index page - All UI elements like buttons, labels, messages, and placeholders Update the view files to use the t() helper method to fetch translations: index.html.erb - All hardcoded text replaced with translation keys show.html.erb - All hardcoded text replaced with translation keys index.html.erb - All hardcoded text replaced with translation keys
This was
linked to
issues
Mar 5, 2026
Closed
adamswonder
approved these changes
Mar 8, 2026
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
Resolve black flash on the home screen hero image banner by upgrading image rendering and implementing eager loading. Improve the design of chapter and learning material cards, and unify the search bar design across pages. Add comprehensive translations for events and UI elements in multiple locales, ensuring all hardcoded text is replaced with translation keys. Include missing country icons for better representation.