← All changes | frontend/assets/css/global-admin.css +39 -26 0.7 → 1.5 View file →

		@@ -3,58 +3,71 @@
3	3	.ivyforms-fullscreen-mode #wpadminbar,
4	4	.ivyforms-fullscreen-mode .wp-toolbar,
5	5	.ivyforms-fullscreen-mode .wp-header-end,
6	6	.ivyforms-fullscreen-mode #wpfooter {
7		- display: none !important;
	7	+ display: none !important;
8	8	}
9		-.ivyforms-fullscreen-mode #wpbody-content>.wrap{margin:0}
10		-.ivyforms-fullscreen-mode{height:100%;overflow:hidden}
	9	+.ivyforms-fullscreen-mode #wpbody-content > .wrap {
	10	+ margin: 0;
	11	+}
	12	+.ivyforms-fullscreen-mode {
	13	+ height: 100%;
	14	+ overflow: hidden;
	15	+}
11	16	.ivyforms-fullscreen-mode #wpbody-content,
12	17	.ivyforms-fullscreen-mode #wpbody,
13		-.ivyforms-fullscreen-mode #wpcontent{padding:0;overflow:hidden;margin:0 !important}
14		-.ivyforms-fullscreen-mode #wpfooter{padding:0;overflow:hidden;margin:0 !important}
	18	+.ivyforms-fullscreen-mode #wpcontent {
	19	+ padding: 0;
	20	+ overflow: hidden;
	21	+ margin: 0 !important;
	22	+}
	23	+.ivyforms-fullscreen-mode #wpfooter {
	24	+ padding: 0;
	25	+ overflow: hidden;
	26	+ margin: 0 !important;
	27	+}
15	28
16	29	/* Grid Layout System for Form Builder */
17	30	.ivyforms-form-grid-row {
18		- display: flex;
19		- flex-direction: row;
20		- gap: 12px;
21		- width: 100%;
22		- margin-bottom: 12px;
23		- flex-wrap: nowrap;
	31	+ display: flex;
	32	+ flex-direction: row;
	33	+ gap: 12px;
	34	+ width: 100%;
	35	+ margin-bottom: 12px;
	36	+ flex-wrap: nowrap;
24	37	}
25	38
26	39	/* Field width classes for grid layout */
27	40	.ivyforms-field-width-100 {
28		- width: 100%;
	41	+ width: 100%;
29	42	}
30	43
31	44	.ivyforms-field-width-50 {
32		- width: calc(50% - 6px);
	45	+ width: calc(50% - 6px);
33	46	}
34	47
35	48	.ivyforms-field-width-33 {
36		- width: calc(33.333% - 8px);
	49	+ width: calc(33.333% - 8px);
37	50	}
38	51
39	52	.ivyforms-field-width-25 {
40		- width: calc(25% - 9px);
	53	+ width: calc(25% - 9px);
41	54	}
42	55
43	56	.ivyforms-field-width-20 {
44		- width: calc(20% - 9.6px);
	57	+ width: calc(20% - 9.6px);
45	58	}
46	59
47	60	/* Responsive: Stack on mobile */
48	61	@media (max-width: 768px) {
49		- .ivyforms-form-grid-row {
50		- flex-direction: column;
51		- gap: 8px;
52		- }
	62	+ .ivyforms-form-grid-row {
	63	+ flex-direction: column;
	64	+ gap: 8px;
	65	+ }
53	66
54		- .ivyforms-field-width-50,
55		- .ivyforms-field-width-33,
56		- .ivyforms-field-width-25,
57		- .ivyforms-field-width-20 {
58		- width: 100%;
59		- }
	67	+ .ivyforms-field-width-50,
	68	+ .ivyforms-field-width-33,
	69	+ .ivyforms-field-width-25,
	70	+ .ivyforms-field-width-20 {
	71	+ width: 100%;
	72	+ }
60	73	}