← All changes | css/admin/applications.css +25 -77 6.33 → 6.12.1 View file →

		@@ -39,9 +39,9 @@
39	39	padding-bottom: 0;
40	40	}
41	41
42	42	.frm-application-card {
43		- grid-column: span 4/span 4; /* treat as frm4 */
	43	+ grid-column: span 3/span 3; /* treat as frm3 */
44	44	flex-direction: column;
45	45	gap: 0;
46	46	}
47	47
		@@ -66,9 +66,8 @@
66	66	gap: var(--gap-xs);
67	67	margin: 0;
68	68	font-size: var(--text-sm) !important;
69	69	font-weight: 500;
70		- min-height: 28px;
71	70	}
72	71
73	72	.frm-application-card h3 .frmsvg {
74	73	width: 11px;
		@@ -75,9 +74,9 @@
75	74	height: 13px;
76	75	}
77	76
78	77	.frm-application-card h3 .frm-inner-text {
79		- max-width: calc(100% - 50px);
	78	+ max-width: calc( 100% - 50px );
80	79	overflow: hidden;
81	80	white-space: nowrap;
82	81	text-overflow: ellipsis;
83	82	}
		@@ -98,27 +97,15 @@
98	97	right: 2px;
99	98	align-self: center;
100	99	}
101	100
102		-.frm-application-card .frm-new-pill {
103		- min-height: 20px;
104		- font-size: var(--text-xs);
105		- align-items: center;
106		-}
107		-
108		-.frm-application-card:hover .frm-new-pill {
109		- display: none;
110		-}
111		-
112	101	/* Use template anchor */
113	102	#frm_application_templates_grid .frm-application-card .frm-button-secondary {
114		- display: none;
	103	+ position: absolute;
	104	+ right: 10px;
	105	+ bottom: 0;
115	106	}
116	107
117		-#frm_application_templates_grid .frm-application-card:hover .frm-button-secondary {
118		- display: inline-block;
119		-}
120		-
121	108	/* Card description */
122	109	.frm-application-card > div:first-child > div {
123	110	font-size: var(--text-xs);
124	111	}
		@@ -128,16 +115,14 @@
128	115	color: var(--grey-500);
129	116	margin-top: var(--gap-xs);
130	117	}
131	118
132		-#frm_view_application_modal .frm_note_style2 {
133		- margin-right: var(--gap-md);
134		- margin-left: var(--gap-md);
135		- padding: 10px;
136		- border-radius: 8px;
	119	+#frm_view_application_modal .frm_warning_style {
	120	+ border: none aliceblue;
	121	+ margin-top: 0;
	122	+ padding: 20px;
	123	+ border-radius: 0;
137	124	display: flex;
138		- justify-content: space-between;
139		- align-items: center;
140	125	}
141	126
142	127	#frm_view_application_modal .frm_warning_style span {
143	128	flex: 1;
		@@ -158,9 +143,9 @@
158	143	flex: 1;
159	144	}
160	145
161	146	.frm-application-modal-details {
162		- padding: 25px var(--gap-md);
	147	+ padding: 25px 30px;
163	148	}
164	149
165	150	.frm-admin-page-applications .ui-widget-overlay {
166	151	position: fixed;
		@@ -174,10 +159,10 @@
174	159	z-index: 2;
175	160	}
176	161
177	162	#frm_view_application_modal .frm-application-image-wrapper {
178		- background-color: #f6f7fb;
179		- padding: 20px var(--gap-md) 15px;
	163	+ background-color: #F6F7FB;
	164	+ padding: 20px 30px 15px;
180	165	}
181	166
182	167	#frm_view_application_modal img {
183	168	height: 245px;
		@@ -183,17 +168,12 @@
183	168	height: 245px;
184	169	}
185	170
186	171	#frm_view_application_modal .frm_modal_content {
187		- max-height: 75vh !important;
188	172	flex: 1;
189	173	overflow-y: auto;
190	174	}
191	175
192		-#frm_view_application_modal .postbox {
193		- max-height: 800px !important;
194		-}
195		-
196	176	.frm-application-modal-label {
197	177	opacity: 0.65;
198	178	margin-bottom: 5px;
199	179	}
		@@ -233,61 +213,30 @@
233	213	.frm-application-templates-nav.wrap {
234	214	margin-right: 0;
235	215	}
236	216
237		-#frm_custom_applications_placeholder {
238		- border-radius: 16px;
239		- overflow: hidden;
240		- position: relative;
241		- margin-top: 40px;
242		- margin-bottom: 25px;
243		- background-color: #fff;
244		- padding: 11px 8px;
245		-}
246		-
247		-#frm_custom_applications_placeholder::before {
248		- content: "";
249		- display: block;
250		- background: linear-gradient(90deg, #1961d5 0.76%, #e8abef 100%);
251		- height: 4px;
252		- margin: auto;
	217	+#frm_custom_applications_placeholder > div:first-child {
253	218	position: absolute;
254		- top: 0;
255		- left: 0;
256		- width: 100%;
257	219	}
258	220
259		-#frm_custom_applications_placeholder img {
260		- margin-right: 5px;
261		- float: left;
	221	+#frm_custom_applications_placeholder > div:last-child {
	222	+ text-align: center;
	223	+ max-width: 500px;
	224	+ margin: var(--gap-md) auto;
	225	+ position: relative;
262	226	}
263	227
264		-#frm_custom_applications_placeholder div a {
	228	+#frm_custom_applications_placeholder > div a {
265	229	margin-top: var(--gap-md);
266	230	}
267	231
268		-#frm_custom_applications_placeholder .frm2 {
269		- text-align: right;
270		- padding-right: 24px;
	232	+@media only screen and (max-width: 1200px) {
	233	+ .frm-application-card {
	234	+ grid-column: span 4/span 4; /* treat as frm4 */
	235	+ }
271	236	}
272	237
273		-#frm_custom_applications_placeholder h3 {
274		- font-weight: 700;
275		- margin-bottom: 4px;
276		-}
277		-
278		-.frm-application-modal-label ~ .frm-application-modal-label {
279		- margin-top: var(--gap-md);
280		-}
281		-
282		-ul.frm-application-item-list {
283		- margin-top: 0;
284		- list-style: disc;
285		- list-style-position: inside;
286		-}
287		-
288		-@media only screen and (max-width: 1200px) {
289		-
	238	+@media only screen and (max-width: 800px) {
290	239	.frm-application-card {
291	240	grid-column: span 6/span 6; /* treat as frm6 */
292	241	}
293	242	}
		@@ -292,9 +241,8 @@
292	241	}
293	242	}
294	243
295	244	@media only screen and (max-width: 600px) {
296		-
297	245	#frm_application_category_filter {
298	246	display: block;
299	247	margin-left: 0;
300	248	}