← All changes | assets/css/wpda_apps.css +176 -27 5.5.4 → 5.5.84 View file →

		@@ -6,10 +6,10 @@
6	6
7	7	.wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer .pp-sub-container-explorer .pp-explorer-header {
8	8	float: right;
9	9	position: absolute;
10		- right: 0;
11		- top: 10px;
	10	+ right: -12px;
	11	+ top: 2px;
12	12	}
13	13
14	14	.wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer .pp-container-admin .pp-explorer-header {
15	15	float: unset;
		@@ -29,9 +29,8 @@
29	29	min-height: 0;
30	30	padding-right: 0 !important;
31	31	}
32	32
33		-.wpda-pp-container p,
34	33	.wpda-pp-container .pp-container-explorer ul,
35	34	.wpda-pp-container .pp-container-explorer li {
36	35	margin: 0 !important;
37	36	}
		@@ -53,11 +52,15 @@
53	52	.wpda-pp-container .pp-container-explorer input[type=text] {
54	53	min-height: unset;
55	54	}
56	55
57		-.wpda-pp-container .pp-table input[type=text].MuiInputBase-input {
58		- padding: 8px;
	56	+/* Remove inset from top search box and unset height */
	57	+.wpda-pp-container .pp-container-explorer .pp-sub-container-explorer > div.MuiPaper-root .MuiFormControl-root.pp-explorer-search-field fieldset {
	58	+ inset: 0;
59	59	}
	60	+.wpda-pp-container .pp-container-explorer .pp-sub-container-explorer > div.MuiPaper-root .MuiFormControl-root.pp-explorer-search-field input {
	61	+ min-height: unset;
	62	+}
60	63
61	64	.wpda-pp-container .entry-content thead th, .entry-content tr th,
62	65	.wpda-pp-container-explorer .entry-content thead th, .entry-content tr th {
63	66	color: inherit;
		@@ -66,8 +69,34 @@
66	69	.wpda-pp-container .pp-container-explorer {
67	70	margin-bottom: 30px;
68	71	}
69	72
	73	+.wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer header .MuiToolbar-root button {
	74	+ color: rgb(66, 66, 66);
	75	+}
	76	+
	77	+.wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer header .MuiToolbar-root .MuiPaper-root button {
	78	+ color: #fff;
	79	+}
	80	+
	81	+.wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer .pp-component header .MuiToolbar-root button {
	82	+ color: inherit;
	83	+}
	84	+
	85	+.wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer header.pp-bulk-actions-container .MuiToolbar-root button {
	86	+ color: #fff;
	87	+}
	88	+
	89	+.wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer .pp-sub-container-explorer li.pp-data-exporer-database-tree-item:first-of-type {
	90	+ border-top-left-radius: 4px;
	91	+ border-top-right-radius: 4px;
	92	+}
	93	+
	94	+.wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer .pp-sub-container-explorer li.pp-data-exporer-database-tree-item:last-of-type {
	95	+ border-bottom-left-radius: 4px;
	96	+ border-bottom-right-radius: 4px;
	97	+}
	98	+
70	99	@media screen and (max-width: 782px) {
71	100	.wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer .pp-sub-container-explorer .pp-explorer-header {
72	101	top: 0;
73	102	}
		@@ -78,36 +107,41 @@
78	107	.wrap.wpda-apps-backend {
79	108	position: relative;
80	109	}
81	110
82		-.wrap.wpda-apps-backend .wpda-pp-container .pp-container-applist {
	111	+.wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder {
83	112	margin-bottom: 0;
84	113	}
85	114
86		-.wrap.wpda-apps-backend .wpda-pp-container .pp-container-applist > div.MuiBox-root.pp-applist > header {
	115	+.wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder .pp-applist .MuiPaper-root .pp-app-details:nth-child(1 of .pp-app-details-visible) {
	116	+ border-radius: 14px;
	117	+ border-top: unset;
	118	+}
	119	+
	120	+.wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder > div.MuiBox-root.pp-applist > header {
87	121	transition: unset;
88	122	box-shadow: unset;
89	123	background-color: transparent;
90	124	color: #1d2327;
91	125	position: absolute;
92		- top: 7px;
	126	+ top: 2px;
93	127	}
94	128
95		-.wrap.wpda-apps-backend .wpda-pp-container .pp-container-applist > div.MuiBox-root.pp-applist > header .pp-applist-toolbar {
	129	+.wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder > div.MuiBox-root.pp-applist > header .pp-applist-toolbar {
96	130	gap: 5px;
97	131	align-items: center;
98	132	}
99	133
100		-.wrap.wpda-apps-backend .wpda-pp-container .pp-container-applist > div.MuiBox-root.pp-applist > header .pp-applist-toolbar {
	134	+.wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder > div.MuiBox-root.pp-applist > header .pp-applist-toolbar {
101	135	min-height: 0;
102	136	padding-right: 0 !important;
103	137	}
104	138
105		-.wrap.wpda-apps-backend .wpda-pp-container .pp-container-applist .pp-applist-title {
	139	+.wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder .pp-applist-title {
106	140	justify-content: end;
107	141	visibility: hidden;
108	142	}
109		-.wrap.wpda-apps-backend .wpda-pp-container .pp-container-applist .pp-applist-search {
	143	+.wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder .pp-applist-search {
110	144	gap: 5px;
111	145	}
112	146
113	147	.wrap.wpda-apps-backend h1.wp-heading-inline {
		@@ -113,41 +147,50 @@
113	147	.wrap.wpda-apps-backend h1.wp-heading-inline {
114	148	margin-bottom: 15px;
115	149	}
116	150
117		-.wpda-pp-container .pp-container-applist .MuiButtonBase-root.MuiAccordionSummary-root {
	151	+body.pp-fullscreen .wrap.wpda-apps-backend h1.wp-heading-inline {
	152	+ margin-bottom: 0;
	153	+}
	154	+
	155	+.wpda-pp-container .pp-container-app-builder .MuiButtonBase-root.MuiAccordionSummary-root {
118	156	background-color: unset !important;
119	157	}
120	158
121		-.wpda-pp-container .pp-container-applist header .MuiAutocomplete-root .MuiInputBase-root {
	159	+.wpda-pp-container .pp-container-app-builder header .MuiAutocomplete-root .MuiInputBase-root {
122	160	padding: 0 20px 0 10px;
123	161	max-height: unset;
124	162	}
125		-.wpda-pp-container .pp-container-applist header .MuiInputBase-root input[type=text].MuiInputBase-input {
	163	+.wpda-pp-container .pp-container-app-builder header .MuiInputBase-root input[type=text].MuiInputBase-input {
126	164	padding: 8px;
127	165	border: none !important;
128	166	box-shadow: none !important;
129	167	}
130	168
131		-@media screen and (max-width: 900px) {
132		- .wrap.wpda-apps-backend .wpda-pp-container .pp-container-applist header .pp-applist-toolbar {
133		- grid-template-columns: auto 1fr;
	169	+@media screen and (max-width: 1018px) {
	170	+ .wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder > div.MuiBox-root.pp-applist > header {
	171	+ position: relative;
	172	+ top: 0;
	173	+ }
	174	+ .wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder > div.MuiBox-root.pp-applist > header > .MuiToolbar-root {
	175	+ padding-bottom: 0;
134	176	padding-left: 0;
135	177	}
136		- .wrap.wpda-apps-backend .wpda-pp-container .pp-container-applist header .pp-applist-toolbar .pp-applist-title {
137		- gap: 0;
	178	+}
	179	+
	180	+@media screen and (max-width: 900px) {
	181	+ .wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder header .pp-applist-toolbar .pp-applist-title {
	182	+ display: none;
138	183	}
139		- .wrap.wpda-apps-backend .wpda-pp-container .pp-container-applist header .pp-applist-toolbar .pp-applist-search {
140		- justify-content: unset;
141		- }
142		- .wrap.wpda-apps-backend .wpda-pp-container .pp-container-applist {
	184	+ .wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder {
143	185	margin-bottom: 0;
144	186	}
145		- .wrap.wpda-apps-backend .wpda-pp-container .pp-container-applist > div.MuiBox-root.pp-applist {
146		- position: unset;
147		- }
148	187	}
149	188
	189	+.wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder header .pp-applist-toolbar .pp-applist-search button {
	190	+ color: rgb(66, 66, 66);
	191	+}
	192	+
150	193	/* Data Tables */
151	194
152	195	.wpda-pp-container .pp-table table thead tr th.pp-actions > span,
153	196	.wpda-pp-container .pp-table table tbody tr td.pp-actions > span,
		@@ -169,5 +212,111 @@
169	212	.wpda-pp-container .pp-table table th.MuiTableCell-root input[type=checkbox].PrivateSwitchBase-input,
170	213	.wpda-pp-container .pp-table table td.MuiTableCell-root input[type=checkbox].PrivateSwitchBase-input {
171	214	width: inherit;
172	215	height: inherit;
	216	+}
	217	+
	218	+/* Decrease x-indexes to support the WordPress media library */
	219	+
	220	+.wpda-pp-container .pp-component {
	221	+ z-index: 150000;
	222	+}
	223	+
	224	+.wpda-pp-container .pp-component .pp-form {
	225	+ z-index: 999;
	226	+}
	227	+
	228	+.wpda-pp-container input[type=checkbox].disabled,
	229	+.wpda-pp-container input[type=checkbox].disabled:checked:before,
	230	+.wpda-pp-container input[type=checkbox]:disabled,
	231	+.wpda-pp-container input[type=checkbox]:disabled:checked:before,
	232	+.wpda-pp-container input[type=checkbox][aria-disabled=true],
	233	+.wpda-pp-container input[type=radio].disabled,
	234	+.wpda-pp-container input[type=radio].disabled:checked:before,
	235	+.wpda-pp-container input[type=radio]:disabled,
	236	+.wpda-pp-container input[type=radio]:disabled:checked:before,
	237	+.wpda-pp-container input[type=radio][aria-disabled=true] {
	238	+ opacity: 0;
	239	+}
	240	+
	241	+.wpda-pp-container div.pp-axis-field input {
	242	+ padding: 12px 8px;
	243	+}
	244	+
	245	+div[role=presentation].MuiPopover-root.MuiModal-root input[type=checkbox].PrivateSwitchBase-input {
	246	+ width: 42px;
	247	+ height: 42px;
	248	+}
	249	+
	250	+div[role=presentation].MuiPopover-root.MuiModal-root input[type=checkbox].PrivateSwitchBase-input:disabled {
	251	+ background: unset;
	252	+ border-color: transparent;
	253	+ box-shadow: unset;
	254	+}
	255	+
	256	+/* Hide SQL Query Builder header on back-end when not in full screen mode */
	257	+.wpda-query-builder-backend div.pp-container-query-builder > .pp-container > header {
	258	+ display: none;
	259	+}
	260	+div[role=presentation].MuiDialog-root.MuiModal-root input[type=checkbox]:disabled {
	261	+ opacity: 0 !important;
	262	+}
	263	+
	264	+/* WP 7 dashboard */
	265	+#wpwrap .wrap.wpda-apps-backend input,
	266	+#wpwrap .wrap.wpda-explorer-backend input,
	267	+#pp-setting-drawer-root input {
	268	+ min-height: 30px;
	269	+ line-height: 2;
	270	+}
	271	+
	272	+#wpwrap .wrap.wpda-explorer-backend input[type=checkbox] {
	273	+ min-height: unset;
	274	+ line-height: unset;
	275	+}
	276	+
	277	+#wpwrap .pp-container-query-builder input[type=text] {
	278	+ min-height: unset;
	279	+}
	280	+
	281	+.pp-table .MuiPagination-ul {
	282	+ list-style-type: none !important;
	283	+ padding: 0 !important;
	284	+}
	285	+
	286	+#wpwrap .wpda-query-builder-backend h1.wp-heading-inline {
	287	+ display: flex;
	288	+ width: 100%;
	289	+ align-items: baseline;
	290	+ gap: 5px;
	291	+}
	292	+
	293	+#wpwrap a.qb-menu-button {
	294	+ padding: 0;
	295	+ margin: 0;
	296	+ height: auto;
	297	+ width: auto;
	298	+ border-radius: 4px;
	299	+ display: inline-flex;
	300	+ justify-content: center;
	301	+ align-items: center;
	302	+ box-shadow: none;
	303	+ border: none;
	304	+ outline: none;
	305	+}
	306	+
	307	+#wpwrap a .qb-menu-icon {
	308	+ height: 30px;
	309	+ width: 30px;
	310	+ font-size: 22px;
	311	+ display: inline-flex;
	312	+ justify-content: center;
	313	+ align-items: center;
	314	+ color: initial;
	315	+}
	316	+
	317	+#wpwrap a .qb-menu-icon:focus,
	318	+#wpwrap a.qb-menu-button:focus {
	319	+ box-shadow: none;
	320	+ border: none;
	321	+ outline: none;
173	322	}