Skip to content

v5.0.2 - Close Button Alignment & Visual Improvements

Choose a tag to compare

View all tags
@HTMLGuyLLC HTMLGuyLLC released this 27 Jun 03:13
· 22 commits to master since this release
v5.0.2
3598e18

�� What's New in 5.0.2

This patch release focuses on visual polish and user experience improvements, particularly around close button alignment and slideshow navigation.

✨ Visual Improvements

  • Perfect Close Button Centering: Fixed the "x" alignment in round close buttons using flexbox and precise vertical transforms
  • Smart Title Bar Positioning: Close buttons now properly align within title bars for consistent visual hierarchy
  • Button Type Optimization: Different close button styles (round, alt) now have specific positioning for optimal appearance
  • Clean Slideshow Dots: Removed borders from slideshow navigation dots to prevent squashing and ensure perfect circular appearance

🔧 Technical Enhancements

  • Enhanced Markup: Close button "x" is now wrapped in a styled span for better control
  • Improved CSS Organization: Better specificity and organization for button positioning
  • Build Output Cleanup: CSS now outputs as jAlert.min.css instead of jAlert.css.min.css

�� Bug Fixes

  • Fixed close button appearing slightly low in circular containers
  • Fixed slideshow dots appearing compressed after image loading
  • Fixed inconsistent close button positioning across different alert types

📦 Installation

npm install jalert@5.0.2

🔄 Upgrade Notes

No breaking changes! This release maintains 100% backward compatibility. Simply update your files and enjoy the improved visual consistency.

🎨 Demo

Check out the improved close button alignment and slideshow navigation in our live demo.

Full Changelog: CHANGELOG.md

Assets 2
Loading