← All changes | modules/subscriptions/subscribe-modal/subscribe-modal.css +24 -2 12.5.2 → 16.3-a.1 View file →

		@@ -1,8 +1,12 @@
	1	+body.jetpack-subscribe-modal-open {
	2	+ overflow: hidden;
	3	+}
	4	+
1	5	.jetpack-subscribe-modal {
2	6	visibility: hidden;
3	7	position: fixed;
4		- z-index: 1;
	8	+ z-index: 50000; /* Same as WP.com Action bar */
5	9	left: 0;
6	10	top: 0;
7	11	width: 100%;
8	12	height: 100%;
		@@ -11,9 +15,9 @@
11	15	transition: all 0.4s;
12	16	}
13	17
14	18	.jetpack-subscribe-modal.open {
15		- background-color: rgba(0,0,0,0.3);
	19	+ background-color: rgba(0, 0, 0, 0.3);
16	20	visibility: visible;
17	21	}
18	22
19	23	.jetpack-subscribe-modal__modal-content {
		@@ -27,10 +31,28 @@
27	31	max-width: 600px;
28	32	border-radius: 10px;
29	33	box-sizing: border-box;
30	34	transition: all 0.4s;
	35	+ text-wrap: balance;
31	36	}
32	37
33	38	.jetpack-subscribe-modal.open .jetpack-subscribe-modal__modal-content {
34	39	top: 0;
35	40	visibility: visible;
	41	+}
	42	+
	43	+/*
	44	+ * These text-wrap properties still have limited browser
	45	+ * support, but based on feedback still adding them for when
	46	+ * they are supported.
	47	+ */
	48	+.jetpack-subscribe-modal__modal-content p {
	49	+ text-wrap: balance;
	50	+ text-wrap: pretty;
	51	+}
	52	+
	53	+@media screen and (max-width: 640px) {
	54	+
	55	+ .jetpack-subscribe-modal__modal-content {
	56	+ width: 94%;
	57	+ }
36	58	}