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; }