Skip to content

Conversation

vinugawade
Copy link
Contributor

Summary

This PR modernizes the event calendar settings interface by integrating the Coloris color picker, replacing the older jscolor.js. It improves user experience and maintains color format consistency throughout form interactions and database storage.

✨ Enhancements

  • Integrated Coloris: Adds support for the Coloris color picker to enhance UI/UX for color selection.
  • Predefined Swatches: Offers 6 easily distinguishable preset colors for quick selection.
  • Live Color Display & Formatting.
  • Improved Accessibility: Uses uppercase formatting for better legibility.
  • Cleaned Up Scripts:
    • Removed unused jscolor.js references.
    • Updated related template and screenshot.

🛠 Technical Changes

  • Added:

    • coloris.min.js and coloris.min.css to asset pipeline.
  • Updated:

    • eventcalendar.js: Handles formatting and event-based behavior for color input.
    • EventCalendarSettings.php: Adjusts color storage logic to strip #.
    • Templates: Removed legacy script loading.
  • Updated screenshot to reflect the new UI

📌 Notes

  • Color values are stored in the database without the # prefix, but display and interaction remain consistent with standard hex color usage.
  • Ensures backward compatibility and improves UX with minimal intrusion.

…ings

- Added Coloris library for enhanced color picking functionality.
- Introduced new CSS styles for the color picker interface.
- Removed unused jscolor.js script from ManageEventCalendars template.
- Updated event settings screenshot to reflect new design.
@vinugawade
Copy link
Contributor Author

Color Picker Preview:
Screenshot 2025-06-24 at 4 43 02 PM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant