rails_toastify 0.1.5 → 0.1.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +7 -1
- data/app/assets/javascripts/rails_toastify.js +1 -2
- data/app/assets/stylesheets/rails_toastify.css +4 -2
- data/lib/rails_toastify/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 4c9016ace17fcc8e2c9752befff1bb4dbe57a9759016fcaf4645fad02f747da2
|
4
|
+
data.tar.gz: d53c5284e34737ba275d1a2938dd281fdfa49157b75820565070fbdbf4c63bf7
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: a56648ac935a1a150cdf1833b520e6666aed710930b174bb81b3ad030de8a617f1bf553061ecc0f7c3600c9b45309c18b143a8a9ac7fb7bb073eecc792b6dbde
|
7
|
+
data.tar.gz: cc9cbaec8bd2eb43bff831ce1922abd37cd5946e12c8f8d20e0309f191db50866eaaac49fa47954adb65b23a569956717d8821102d02e2103319609a946f561d
|
data/CHANGELOG.md
CHANGED
@@ -5,7 +5,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
|
5
5
|
const toast = createToast(message, type, duration);
|
6
6
|
toastContainer.appendChild(toast);
|
7
7
|
setTimeout(() => {
|
8
|
-
toast.classList.add('
|
8
|
+
toast.classList.add('hide');
|
9
9
|
toast.addEventListener('transitionend', () => toast.remove());
|
10
10
|
}, duration);
|
11
11
|
}
|
@@ -52,5 +52,4 @@ document.addEventListener('DOMContentLoaded', () => {
|
|
52
52
|
|
53
53
|
return toast;
|
54
54
|
}
|
55
|
-
|
56
55
|
});
|
@@ -17,7 +17,7 @@
|
|
17
17
|
margin: 8px;
|
18
18
|
color: #333;
|
19
19
|
position: relative;
|
20
|
-
transition: transform 0.
|
20
|
+
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
|
21
21
|
transform: translateX(100%);
|
22
22
|
max-width: 300px;
|
23
23
|
}
|
@@ -28,6 +28,7 @@
|
|
28
28
|
|
29
29
|
.toast.hide {
|
30
30
|
transform: translateX(100%);
|
31
|
+
opacity: 0;
|
31
32
|
}
|
32
33
|
|
33
34
|
.toast--success .toast__progress-bar {
|
@@ -86,7 +87,7 @@
|
|
86
87
|
|
87
88
|
.toast {
|
88
89
|
@apply flex items-center bg-white rounded-lg shadow-lg p-4 my-2 text-gray-800 relative max-w-sm;
|
89
|
-
transition: transform 0.
|
90
|
+
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
|
90
91
|
transform: translateX(100%);
|
91
92
|
}
|
92
93
|
|
@@ -96,6 +97,7 @@
|
|
96
97
|
|
97
98
|
.toast.hide {
|
98
99
|
transform: translateX(100%);
|
100
|
+
opacity: 0;
|
99
101
|
}
|
100
102
|
|
101
103
|
.toast--success .toast__progress-bar {
|