← All changes | css/admin/deactivation-feedback.css +40 -8 6.26 → trunk View file →

		@@ -2,8 +2,9 @@
2	2	--padding: 24px;
3	3
4	4	overflow-y: auto;
5	5	}
	6	+
6	7	.frm_screen_reader {
7	8	border: 0;
8	9	clip-path: inset(50%);
9	10	height: 1px;
		@@ -13,8 +14,9 @@
13	14	position: absolute;
14	15	width: 1px;
15	16	word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
16	17	}
	18	+
17	19	#frm-deactivation-modal-icon {
18	20	position: absolute;
19	21	top: calc(var(--padding) - 1px);
20	22	left: var(--padding);
		@@ -20,8 +22,9 @@
20	22	left: var(--padding);
21	23	width: 20px;
22	24	height: 20px;
23	25	}
	26	+
24	27	#frm-deactivation-modal .frm-modal-close {
25	28	position: absolute;
26	29	top: 20px;
27	30	right: var(--padding);
		@@ -26,8 +29,9 @@
26	29	top: 20px;
27	30	right: var(--padding);
28	31	z-index: 1000;
29	32	}
	33	+
30	34	#frm-deactivation-modal .frm_form_title {
31	35	padding: 20px var(--padding) 12px calc(28px + var(--padding));
32	36	margin-top: 0;
33	37	border-bottom: 1px solid #f2f4f7;
		@@ -34,13 +38,15 @@
34	38	font-weight: 400;
35	39	font-size: 14px;
36	40	line-height: 26px;
37	41	}
	42	+
38	43	#frm-deactivation-modal .frm_description,
39	44	#frm-deactivation-modal .frm_form_field {
40	45	padding-left: var(--padding);
41	46	padding-right: var(--padding);
42	47	}
	48	+
43	49	#frm-deactivation-modal .frm_description p {
44	50	font-size: 12px;
45	51	margin-top: 16px;
46	52	margin-bottom: 16px;
		@@ -45,18 +51,24 @@
45	51	margin-top: 16px;
46	52	margin-bottom: 16px;
47	53	color: #667085;
48	54	}
	55	+
49	56	#frm-deactivation-modal .inside {
50	57	padding-left: 0;
51	58	padding-right: 0;
52	59	}
53		-#frm-deactivation-modal .frm_radio { margin-bottom: 15px; }
	60	+
	61	+#frm-deactivation-modal .frm_radio {
	62	+ margin-bottom: 15px;
	63	+}
	64	+
54	65	#frm-deactivation-modal .frm_radio .frm_form_field {
55	66	padding-left: 0;
56	67	padding-right: 0;
57	68	margin-bottom: -5px;
58	69	}
	70	+
59	71	#frm-deactivation-modal .frm_radio .frm_form_field textarea {
60	72	margin-top: 5px;
61	73	height: 65px;
62	74	border-radius: 8px;
		@@ -62,17 +74,26 @@
62	74	border-radius: 8px;
63	75	padding: 5px 12px;
64	76	font-size: 14px;
65	77	}
66		-#frm-deactivation-modal .frm_radio .frm_form_field textarea:focus { border-color: #4199FD; box-shadow: none; }
67		-#frm-deactivation-modal .frm_radio .frm_form_field textarea::placeholder { color: #98A2B3; }
	78	+
	79	+#frm-deactivation-modal .frm_radio .frm_form_field textarea:focus {
	80	+ border-color: #4199fd;
	81	+ box-shadow: none;
	82	+}
	83	+
	84	+#frm-deactivation-modal .frm_radio .frm_form_field textarea::placeholder {
	85	+ color: #98a2b3;
	86	+}
	87	+
68	88	#frm-deactivation-modal .frm_radio .frm_html_container {
69	89	padding: 6px;
70		- background-color: #F9FAFB;
	90	+ background-color: #f9fafb;
71	91	margin-top: 8px;
72	92	margin-bottom: 15px;
73	93	border-radius: 8px;
74	94	}
	95	+
75	96	#frm-deactivation-modal .frm_radio .frm_html_container p {
76	97	margin: 0;
77	98	font-size: 14px;
78	99	line-height: 20px;
		@@ -77,14 +98,25 @@
77	98	font-size: 14px;
78	99	line-height: 20px;
79	100	color: #667085;
80	101	}
	102	+
81	103	#frm-deactivation-modal input[name="item_key"] + div,
82		-#frm-deactivation-modal .frm_primary_label { display: none; }
83		-#frm-deactivation-modal .frm_submit { text-align: right; margin-top: 38px; }
84		-#frm-deactivation-modal .frm_button_submit { margin-right: 0; }
	104	+#frm-deactivation-modal .frm_primary_label {
	105	+ display: none;
	106	+}
	107	+
	108	+#frm-deactivation-modal .frm_submit {
	109	+ text-align: right;
	110	+ margin-top: 38px;
	111	+}
	112	+
	113	+#frm-deactivation-modal .frm_button_submit {
	114	+ margin-right: 0;
	115	+}
	116	+
85	117	#frm-deactivation-modal .frm-skip-link {
86		- color: #98A2B3;
	118	+ color: #98a2b3;
87	119	display: inline-block;
88	120	font-size: 14px;
89	121	line-height: 40px;
90	122	padding: 0 13px;