pnotify v3.2.0 Release Notes

Release Date: 2017-04-24 // almost 7 years ago
  • ๐Ÿ›  Skipping 3.1.0, since there are some pretty big bugfixes and minor potentially breaking changes.

    โœ‚ REMOVED IN THIS VERSION

    • ๐Ÿ’ป jQuery UI styling
    • Bootstrap 2 styling (what was left in the modules)

    ๐Ÿ’ป If you need jQuery UI styling, you can run this code:

    PNotify.prototype.options.styling = { container: "ui-widget ui-widget-content ui-corner-all", notice: "ui-state-highlight", notice\_icon: "ui-icon ui-icon-info", info: "", info\_icon: "ui-icon ui-icon-info", success: "ui-state-default", success\_icon: "ui-icon ui-icon-circle-check", error: "ui-state-error", error\_icon: "ui-icon ui-icon-alert", // Include these for buttons module: closer: "ui-icon ui-icon-close", pin\_up: "ui-icon ui-icon-pin-w", pin\_down: "ui-icon ui-icon-pin-s", // Include these for confirm module: btn: "ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only", btnhover: "ui-state-hover", btnactive: "ui-state-active", btnfocus: "ui-state-focus", input: "", text: "ui-button-text", };
    

    ๐Ÿ”„ CHANGED IN THIS VERSION

    • 0๏ธโƒฃ Default animation speeds have been made faster. If you need a different speed, you can run this code:

      PNotify.prototype.options.animate_speed = 'custom';

    then add this CSS (replace X with your desired duration):

    .ui-pnotify.ui-pnotify-fade-custom { transition: opacity Xs linear; opacity: 0; }.ui-pnotify.ui-pnotify-fade-custom.ui-pnotify.ui-pnotify-move { transition: opacity Xs linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; }