PluginProbe
WP Data Access – App Builder for Tables, Forms, Charts, Maps & Dashboards / 5.5.72
WP Data Access – App Builder for Tables, Forms, Charts, Maps & Dashboards v5.5.72
5.5.83 5.5.82 5.5.81 5.5.80 5.5.79 5.5.77 5.5.76 5.5.75 5.5.73 5.5.72 5.5.22 5.5.23 5.5.29 5.5.3 5.5.31 5.5.32 5.5.34 5.5.35 5.5.36 5.5.37 5.5.4 5.5.40 5.5.41 5.5.42 5.5.43 All 159 releases
wp-data-access / assets / css / wpda_apps.css

wpda_apps.css in WP Data Access – App Builder for Tables, Forms, Charts, Maps & Dashboards 5.5.72, at assets/css/wpda_apps.css

282 lines 9.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* Data Explorer */
2
3 .wrap.wpda-explorer-backend {
4 position: relative;
5 }
6
7 .wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer .pp-sub-container-explorer .pp-explorer-header {
8 float: right;
9 position: absolute;
10 right: -12px;
11 top: 2px;
12 }
13
14 .wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer .pp-container-admin .pp-explorer-header {
15 float: unset;
16 position: relative;
17 right: unset;
18 top: unset;
19 }
20
21 .wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer > div.MuiBox-root > .pp-sub-container-explorer > .pp-explorer-header {
22 transition: unset;
23 box-shadow: unset;
24 background-color: transparent;
25 color: #1d2327;
26 }
27
28 .wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer > div.MuiBox-root > .pp-sub-container-explorer > .pp-explorer-header > .MuiToolbar-root {
29 min-height: 0;
30 padding-right: 0 !important;
31 }
32
33 .wpda-pp-container .pp-container-explorer ul,
34 .wpda-pp-container .pp-container-explorer li {
35 margin: 0 !important;
36 }
37
38 .wpda-pp-container .pp-container-explorer .pp-import-container ul {
39 list-style: disc;
40 margin: 10px 0 !important;
41 }
42
43 .wpda-pp-container .pp-container-explorer ul[role=tree] {
44 margin: 0 0 0 0 !important;
45 padding: 0 !important;
46 }
47
48 .wpda-pp-container .pp-container-explorer ul[role=tree] .MuiTreeItem-group {
49 margin-left: 30px !important;
50 }
51
52 .wpda-pp-container .pp-container-explorer input[type=text] {
53 min-height: unset;
54 }
55
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 }
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 }
63
64 .wpda-pp-container .entry-content thead th, .entry-content tr th,
65 .wpda-pp-container-explorer .entry-content thead th, .entry-content tr th {
66 color: inherit;
67 }
68
69 .wpda-pp-container .pp-container-explorer {
70 margin-bottom: 30px;
71 }
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
99 @media screen and (max-width: 782px) {
100 .wrap.wpda-explorer-backend .wpda-pp-container .pp-container-explorer .pp-sub-container-explorer .pp-explorer-header {
101 top: 0;
102 }
103 }
104
105 /* Apps */
106
107 .wrap.wpda-apps-backend {
108 position: relative;
109 }
110
111 .wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder {
112 margin-bottom: 0;
113 }
114
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 {
121 transition: unset;
122 box-shadow: unset;
123 background-color: transparent;
124 color: #1d2327;
125 position: absolute;
126 top: 2px;
127 }
128
129 .wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder > div.MuiBox-root.pp-applist > header .pp-applist-toolbar {
130 gap: 5px;
131 align-items: center;
132 }
133
134 .wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder > div.MuiBox-root.pp-applist > header .pp-applist-toolbar {
135 min-height: 0;
136 padding-right: 0 !important;
137 }
138
139 .wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder .pp-applist-title {
140 justify-content: end;
141 visibility: hidden;
142 }
143 .wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder .pp-applist-search {
144 gap: 5px;
145 }
146
147 .wrap.wpda-apps-backend h1.wp-heading-inline {
148 margin-bottom: 15px;
149 }
150
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 {
156 background-color: unset !important;
157 }
158
159 .wpda-pp-container .pp-container-app-builder header .MuiAutocomplete-root .MuiInputBase-root {
160 padding: 0 20px 0 10px;
161 max-height: unset;
162 }
163 .wpda-pp-container .pp-container-app-builder header .MuiInputBase-root input[type=text].MuiInputBase-input {
164 padding: 8px;
165 border: none !important;
166 box-shadow: none !important;
167 }
168
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;
176 padding-left: 0;
177 }
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;
183 }
184 .wrap.wpda-apps-backend .wpda-pp-container .pp-container-app-builder {
185 margin-bottom: 0;
186 }
187 }
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
193 /* Data Tables */
194
195 .wpda-pp-container .pp-table table thead tr th.pp-actions > span,
196 .wpda-pp-container .pp-table table tbody tr td.pp-actions > span,
197 .wpda-pp-container .pp-table table tfoot tr th.pp-actions > span {
198 margin-top: -1px;
199 }
200
201 #pp-setting-drawer.MuiPaper-root.MuiDrawer-paper input[type="checkbox"].disabled,
202 #pp-setting-drawer.MuiPaper-root.MuiDrawer-paper input[type="checkbox"].disabled:checked::before,
203 #pp-setting-drawer.MuiPaper-root.MuiDrawer-paper input[type="checkbox"]:disabled,
204 #pp-setting-drawer.MuiPaper-root.MuiDrawer-paper input[type="checkbox"]:disabled:checked::before,
205 #pp-setting-drawer.MuiPaper-root.MuiDrawer-paper input[type="radio"].disabled,
206 #pp-setting-drawer.MuiPaper-root.MuiDrawer-paper input[type="radio"].disabled:checked::before,
207 #pp-setting-drawer.MuiPaper-root.MuiDrawer-paper input[type="radio"]:disabled,
208 #pp-setting-drawer.MuiPaper-root.MuiDrawer-paper input[type="radio"]:disabled:checked::before {
209 opacity: 0;
210 }
211
212 .wpda-pp-container .pp-table table th.MuiTableCell-root input[type=checkbox].PrivateSwitchBase-input,
213 .wpda-pp-container .pp-table table td.MuiTableCell-root input[type=checkbox].PrivateSwitchBase-input {
214 width: inherit;
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.wrap.wpda-query-builder-backend h1.wp-heading-inline {
261 margin-bottom: 0 !important;
262 }
263 div[role=presentation].MuiDialog-root.MuiModal-root input[type=checkbox]:disabled {
264 opacity: 0 !important;
265 }
266
267 /* WP 7 dashboard */
268 #wpwrap .wrap.wpda-apps-backend input,
269 #wpwrap .wrap.wpda-explorer-backend input,
270 #pp-setting-drawer-root input {
271 min-height: 30px;
272 line-height: 2;
273 }
274
275 #wpwrap .wrap.wpda-explorer-backend input[type=checkbox] {
276 min-height: unset;
277 line-height: unset;
278 }
279
280 #wpwrap .pp-container-query-builder input[type=text] {
281 min-height: unset;
282 }