Skip to content

🤩 style: DialogImage, Update Stylesheet, and Improve Accessibility #8014

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
Jun 23, 2025

Conversation

berry-13
Copy link
Collaborator

Summary

  • 🖼️ DialogImage Enhancements
    • 🔍 Zoom and pan functionality: Supports mouse and keyboard interactions (double-click, escape key reset)
    • 🛠️ Refactored quality styling into a reusable getQualityStyles function
    • 🧭 Improved button sizing & tooltips for responsive design
  • 🎨 Global UI and Accessibility Updates
    • 📝 Typography: Adjusted headings, paragraphs, and text elements for readability
    • 💻 Code blocks: Upgraded styling for better contrast and clarity
    • 🌈 Color palette: Improved text, border, and background colors for accessibility
  • 🌍 Localization
    • ✏️ Added string for "Reset Zoom" tooltip

Change Type

  • Bug fix (non-breaking change which fixes an issue)

Checklist

  • My code adheres to this project's style guidelines
  • I have performed a self-review of my own code
  • I have commented in any complex areas of my code
  • My changes do not introduce new warnings
  • Local unit tests pass with my changes
  • Any changes dependent on mine have been merged and published in downstream modules.

@berry-13 berry-13 added ♿ a11y Accessibility 🔧 fix Bug fixes and code patches 🎨 design UI/UX improvements labels Jun 22, 2025
@berry-13 berry-13 marked this pull request as ready for review June 23, 2025 16:39
@danny-avila danny-avila changed the title 🤩 feat: add zoom & pan to DialogImage, refactor styling, and improve accessibility 🤩 style: DialogImage, Update Stylesheet, and Improve Accessibility Jun 23, 2025
@danny-avila danny-avila merged commit 1b7e044 into dev Jun 23, 2025
6 checks passed
@danny-avila danny-avila deleted the feat/ui-updates branch June 23, 2025 18:30
rhonyabdullah pushed a commit to rhonyabdullah/LibreChat that referenced this pull request Jun 27, 2025
…anny-avila#8014)

* 🔧 fix: Adjust typography and border styles for improved readability in markdown components

* 🔧 fix: Enhance code block styling in markdown for better visibility and consistency

* 🔧 fix: Adjust margins and line heights for improved readability in markdown elements

* 🔧 fix: Adjust spacing for horizontal rules in markdown for improved consistency

* 🔧 fix: Refactor DialogImage component for improved quality styling and layout consistency

* 🔧 fix: Enhance zoom and pan functionality in DialogImage component with improved controls and user experience

* 🔧 fix: Improve zoom and pan functionality in DialogImage component with enhanced controls and reset zoom feature
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
♿ a11y Accessibility 🎨 design UI/UX improvements 🔧 fix Bug fixes and code patches
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants