← All changes | admin/resources/toast.css +14 -2 1.7.0 → 1.8.16 View file →

		@@ -42,9 +42,10 @@
42	42
43	43	/* toast hidden positions */
44	44	.vbo-toast-wrapper.top-left,
45	45	.vbo-toast-wrapper.top-center,
46		-.vbo-toast-wrapper.top-right {
	46	+.vbo-toast-wrapper.top-right,
	47	+.vbo-toast-wrapper.center-center {
47	48	/*
48	49	Use a higher margin to avoid seeing the toast on
49	50	browsers (like Safari) that lets the user to scroll
50	51	even if the page reached the end.
		@@ -60,9 +61,10 @@
60	61	.vbo-toast-wrapper.top-right,
61	62	.vbo-toast-wrapper.bottom-right {
62	63	right: 10px;
63	64	}
64		-.vbo-toast-wrapper.top-center {
	65	+.vbo-toast-wrapper.top-center,
	66	+.vbo-toast-wrapper.center-center {
65	67	left: 50%;
66	68	transform: translate(-50%, -100%);
67	69	}
68	70
		@@ -76,8 +78,12 @@
76	78	left: 50%;
77	79	transform: translate(-50%, 100%);
78	80	}
79	81
	82	+.vbo-toast-wrapper.center-center {
	83	+ opacity: 0;
	84	+}
	85	+
80	86	/* toast slide-in positions */
81	87
82	88	.vbo-toast-wrapper.top-left.toast-slide-in,
83	89	.vbo-toast-wrapper.top-center.toast-slide-in,
		@@ -94,8 +100,14 @@
94	100
95	101	.vbo-toast-wrapper.top-center.toast-slide-in,
96	102	.vbo-toast-wrapper.bottom-center.toast-slide-in {
97	103	transform: translate(-50%, 0%);
	104	+}
	105	+
	106	+.vbo-toast-wrapper.center-center.toast-slide-in {
	107	+ top: 50%;
	108	+ transform: translate(-50%, -50%);
	109	+ opacity: 1;
98	110	}
99	111
100	112	/* shake effect */
101	113