Skip to content

Conversation

@medevod
Copy link
Collaborator

@medevod medevod commented Jul 22, 2025

New Features

  • Added a "Customization" section to the demo, showcasing configurable CSS variables for colors, typography, borders, shadows, grid, and z-index. (demo/sections/customization-section.html, [1] [2]

Enhancements to Components

  • Updated modal component to include a dropdown example and removed unused data-orientation attributes for cleaner markup. (demo/sections/modal-section.html, [1] [2] [3] [4]
  • Improved responsive display section with better descriptions and examples for progressive and exclusive display behaviors. (demo/sections/responsive-display-section.html, [1] [2]

Styling Improvements

  • Adjusted SCSS variables to use CSS custom properties for z-index values, enabling easier customization. (src/scss/mg-variables.scss, src/scss/mg-variables.scssL81-R112)
  • Updated modal z-index values to dynamically calculate based on the maximum z-index variable. (src/scss/extensions/mg-modal.scss, [1] [2]
  • Refined input[type="range"] styling by adjusting width and adding border-radius for consistency. (src/scss/core/_Range.scss, [1] [2]

Code Cleanup

  • Removed commented-out clipboard button code from registerDemoFeatures method. (demo/index.ts, demo/index.tsL152-L170)
  • Fixed minor formatting issues in index.html and other demo sections for better readability. (index.html, [1] [2]

These updates improve the library's usability, maintainability, and customization capabilities, while also enhancing the demo's clarity and functionality.

@medevod medevod merged commit 4891ee4 into master Jul 22, 2025
3 checks passed
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.

2 participants