Mailtoui Versions Save

Fixed

• Closing modal via Esc key generates an error when another modal on the page is also closed via Esc key.
• Button icon and text don't align horizontally.
• Prefix animation keyframes name to minimize possibility of collision with other css.

Changed

• Cleaned up the demo page a bit.

Fixed

• Fixed scrollbar issue when hovering on modal's edge. (Thanks to @machida: https://github.com/mariordev/mailtoui/pull/9/commits/76b5f57c0b01a6b04c7ea8a6f9949f8eeb4129ed)

Added

• Sass variables to aid in theming.
• disableOnMobile option to disable modal on mobile devices.

Fixes version number shown on dist file. No code changes.

Added

• Ability to customize the following via newly added options:
  • Modal title
  • SVG icon and text of each button
• Improved visual feedback when Copy button is clicked.
• Added a clipboard as the default Copy button icon.

Changed

• Copy button is now on the left side to improve rendering of email address.

• Clean up css.

• Some css classes and ids have been renamed for better consistency:

  • #mailtoui-client-gmail -> #mailtoui-button-1
  • #mailtoui-client-outlook -> #mailtoui-button-2
  • #mailtoui-client-yahoo -> #mailtoui-button-3
  • #mailtoui-client-default -> #mailtoui-button-4
  • #mailtoui-copy-button -> #mailtoui-button-copy
  • #mailtoui-copy-email-address -> #mailtoui-email-address
  • .mailtoui-client -> .mailtoui-button
  • .mailtoui-label -> .mailtoui-button-content
  • .mailtoui-label-icon -> .mailtoui-button-icon
  • .mailtoui-label-text -> .mailtoui-button-text
  • .mailtoui-copy-button -> .mailtoui-button-copy

• The element id associated with the compose event has changed:

  • mailtoui-client-gmail -> mailtoui-button-1
  • mailtoui-client-outlook -> mailtoui-button-2
  • mailtoui-client-yahoo -> mailtoui-button-3
  • mailtoui-client-default -> mailtoui-button-4

• The element id associated with the copy event has changed:

  • mailtoui-copy-email-address -> mailtoui-email-address

Disable page scroll when modal is displayed.

This release adds the following improvements:

• Ability to "require" the MailtoUI module to load it into your own script.
• You can now run MailtoUI manually (plays nice with Vue.js).
• MailtoUI now fires up a few custom events for better integration with your own code
• Smaller footprint, as all mailto links are handled with a single modal component

Check out the docs for details.

This release removes the requirement to have an id assigned to each mailto link on the page. To attach mailto links to MailtoUI, you only need to have the default mailtoui class assigned to each mailto link.