PluginProbe
MainWP Dashboard: Self-hosted WordPress Management for Agencies / trunk
MainWP Dashboard: Self-hosted WordPress Management for Agencies vtrunk
6.2 6.1.8 6.1.7 6.1.6 6.1.5 6.1.4 6.1.3 6.1.2 6.1.1 6.1 6.0.12 6.0.11 4.6.0.1 5.0 5.0.1 5.0.2 5.0.3 5.0.3.1 5.0.3.2 5.1 5.1.1 5.2 5.2.1 5.2.2 5.3 All 153 releases
← All changes | assets/css/mainwp.css +705 -140 5.3trunk View file →
@@ -1,23 +1,60 @@
1 +.mainwp-ui a.mainwp-disabled-link {
2 + pointer-events: none;
3 + cursor: not-allowed;
4 + opacity: 0.5;
5 + text-decoration: none;
6 +}
7 +
8 +/* 22px - 24px */
9 +.mainwp-ui h1 {
10 + font-size: clamp(1.96rem, 0.47vi + 1.86rem, 2.29rem);
11 +}
12 +
13 +/* 20px - 22px */
14 +.mainwp-ui h2 {
15 + font-size: clamp(1.09rem, 0.4vi + 1.01rem, 1.33rem);
16 +}
17 +
18 +/* 14px - 16px */
19 +.mainwp-ui .header:not(.ui),
20 +.mainwp-ui .ui.header,
21 +.mainwp-ui h3 {
22 + font-size: clamp(1.09rem, 0.4vi + 1.01rem, 1.33rem);
23 +}
24 +
25 +.mainwp-ui h1.ui.header .sub.header,
26 +.mainwp-ui h2.ui.header .sub.header,
27 +.mainwp-ui h3.ui.header .sub.header {
28 + font-size: 1rem !important;
29 +}
30 +
31 +.mainwp-show-all-updates-button,
32 +table.mainwp-manage-updates-table tbody tr td .mainwp-update-selected-button,
33 +.mainwp-ui.mainwp-custom-theme #mainwp-second-level-navigation #mainwp-main-menu.ui.inverted.menu #mainwp-restapi-active-item.item {
34 + display: none !important;
35 +}
36 +.mainwp-manage-updates-table td .mainwp-site-display {
37 + display: inline-table !important;
38 +}
39 +
40 +
1 41 /* Genaral Style */
2 42
3 43 .mainwp-main-content {
4 - width: calc(100% - 298px);
44 + width: calc(100% - 300px);
5 45 padding-right: 1em;
6 46 padding-bottom: 1em;
7 - border-right: 1px solid #dadada;
8 47 float: left;
9 - margin-right: -1px !important;
10 - margin-left: -1px !important;
48 + border-right: 1px solid rgba(34, 36, 38, .15);
11 49 }
12 50
13 51 .mainwp-side-content {
14 - height: 100%;
15 - width: 299.5px;
52 + width: 301px;
16 53 float: right;
17 - border-left: 1px solid #dadada;
18 - border-bottom: 1px solid #dadada;
19 54 padding: 1em;
55 + border-left: 1px solid rgba(34, 36, 38, .15);
56 + margin-left: -1px;
20 57 }
21 58
22 59 .mainwp-side-content.mainwp-no-padding {
23 60 padding: 0 !important;
@@ -30,9 +67,8 @@
30 67 .mainwp-sidebar-left .mainwp-side-content {
31 68 float: left;
32 69 border-left: none;
33 70 border-right: 1px solid rgba(34, 36, 38, .15);
34 - border-bottom: 1px solid #dadada;
35 71 }
36 72
37 73 .mainwp-sidebar-left .mainwp-main-content {
38 74 float: right;
@@ -76,8 +112,42 @@
76 112 margin-bottom: 0.5rem;
77 113 margin-top: 0.15rem;
78 114 }
79 115
116 +.mainwp-ui em.mainwp-greyscale {
117 + filter: grayscale(100%) !important;
118 + opacity: 0.4;
119 +}
120 +
121 +.mainwp-ui input[type="text"],
122 +.mainwp-ui input[type="search"] {
123 + min-height: auto !important;
124 +}
125 +
126 +/* QSW */
127 +.mainwp-ui-setup::before {
128 + content: '';
129 + position: fixed;
130 + top: 0;
131 + left: 75%;
132 + right: 0;
133 + bottom: 0;
134 + background-image: url('../images/mainwp-icon.svg');
135 + background-repeat: no-repeat;
136 + background-size: cover;
137 + opacity: 0.05;
138 + z-index: -1;
139 +}
140 +.mainwp-ui-setup .mainwp-quick-setup-wizard-steps-content .ui.segment {
141 + background: none !important;
142 +}
143 +
144 +#mainwp-qsw-exit-links {
145 + position: fixed;
146 + bottom: 20px;
147 + right: 20px;
148 +}
149 +
80 150 /* Content Wrap */
81 151
82 152 .mainwp-content-wrap {
83 153 margin-bottom: 0px;
@@ -83,10 +153,9 @@
83 153 margin-bottom: 0px;
84 154 margin-top: 58px;
85 155 }
86 156
87 -.mainwp-ui-leftmenu .mainwp-content-wrap,
88 -.mainwp-ui-leftmenu #mainwp-screenshots-sites {
157 +.mainwp-ui-leftmenu .mainwp-content-wrap {
89 158 margin-left: 272px;
90 159 }
91 160
92 161 .mainwp-ui.toplevel_page_mainwp_tab.mainwp-ui-leftmenu .mainwp-content-wrap,
@@ -91,9 +160,11 @@
91 160
92 161 .mainwp-ui.toplevel_page_mainwp_tab.mainwp-ui-leftmenu .mainwp-content-wrap,
93 162 .mainwp-ui.mainwp_page_Settings .mainwp-content-wrap,
94 163 .mainwp-ui.mainwp_page_SettingsAdvanced .mainwp-content-wrap,
164 +.mainwp-ui.mainwp_page_MonitoringSettings .mainwp-content-wrap,
95 165 .mainwp-ui.mainwp_page_SettingsEmail .mainwp-content-wrap,
166 +.mainwp-ui.mainwp_page_PremiumUpdates .mainwp-content-wrap,
96 167 .mainwp-ui.mainwp_page_MainWPTools .mainwp-content-wrap,
97 168 .mainwp-ui.mainwp_page_SettingsInsights .mainwp-content-wrap,
98 169 .mainwp-ui.mainwp_page_SettingsApiBackups .mainwp-content-wrap,
99 170 .mainwp-ui.mainwp_page_ServerInformation .mainwp-content-wrap,
@@ -101,9 +172,10 @@
101 172 .mainwp-ui.mainwp_page_ErrorLog .mainwp-content-wrap,
102 173 .mainwp-ui.mainwp_page_ActionLogs .mainwp-content-wrap,
103 174 .mainwp-ui.mainwp_page_PluginPrivacy .mainwp-content-wrap,
104 175 .mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmenu .mainwp-content-wrap,
105 -.mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmen #mainwp-screenshots-sites {
176 +.mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmen #mainwp-screenshots-sites,
177 +.mainwp-ui.mainwp_page_CostTrackerSettings .mainwp-content-wrap {
106 178 margin-left: 72px !important;
107 179 }
108 180
109 181 .toplevel_page_mainwp_tab .mainwp-primary-content-wrap,
@@ -112,12 +184,15 @@
112 184 .mainwp_page_InsightsOverview .mainwp-primary-content-wrap {
113 185 padding: 0px;
114 186 }
115 187
188 +.hidden-menu-item{
189 + display: none !important;
190 +}
191 +
116 192 /* Header */
117 193
118 194 #mainwp-top-header {
119 - z-index: 9999;
120 195 padding: 10px;
121 196 height: 58px;
122 197 background: #1c1d1b;
123 198 position: fixed;
@@ -122,12 +197,12 @@
122 197 background: #1c1d1b;
123 198 position: fixed;
124 199 top: 0;
125 200 width: 100%;
201 + z-index: 1002 !important;
126 202 }
127 203
128 204 #mainwp-top-header .mainwp-page-title {
129 - padding-left: 15px;
130 205 color: #ffffff;
131 206 }
132 207
133 208 .mainwp-ui.mainwp-custom-theme #mainwp-top-header .ui.icon.button:not(.red, .green) {
@@ -132,9 +207,9 @@
132 207
133 208 .mainwp-ui.mainwp-custom-theme #mainwp-top-header .ui.icon.button:not(.red, .green) {
134 209 background: #1c1d1b !important;
135 210 color: #ffffff !important;
136 - }
211 +}
137 212
138 213 #mainwp-top-header .ui.menu {
139 214 box-shadow: none;
140 215 padding-top: 0;
@@ -147,21 +222,92 @@
147 222 #mainwp-add-new-buttons .ui.icon.button:not(.dropdown) {
148 223 display: none;
149 224 }
150 225
226 +.mainwp-ui #mainwp-user-menu-button {
227 + float: none !important;
228 +}
229 +
230 +#mainwp-header-command-palette-actions {
231 + display: inline-flex;
232 + align-items: center;
233 + margin-right: 10px;
234 + padding-right: 10px;
235 + border-right: 1px solid rgba(255, 255, 255, 0.25);
236 + vertical-align: middle;
237 +}
238 +
239 +#mainwp-command-palette-trigger {
240 + display: inline-flex !important;
241 + align-items: center;
242 + justify-content: center;
243 + min-height: 0;
244 + height: auto;
245 + margin: 0 !important;
246 + padding: 0.78571429em 14px !important;
247 + background: transparent !important;
248 + border: 1px solid rgba(255, 255, 255, 0.25) !important;
249 + border-radius: 999px !important;
250 + box-shadow: none !important;
251 + color: inherit !important;
252 + line-height: 1.28571429em !important;
253 + vertical-align: middle;
254 +}
255 +
256 +#mainwp-command-palette-trigger:hover,
257 +#mainwp-command-palette-trigger:focus {
258 + background: rgba(255, 255, 255, 0.06) !important;
259 + opacity: 1;
260 +}
261 +
262 +#mainwp-command-palette-trigger kbd {
263 + padding: 0;
264 + border: 0;
265 + background: transparent;
266 + box-shadow: none;
267 + color: inherit;
268 + font-family: inherit;
269 + font-size: 0.92857143rem;
270 + font-weight: 600;
271 + line-height: 1;
272 + display: inline-block;
273 + vertical-align: middle;
274 +}
275 +
276 +.mainwp-ui.mainwp-custom-theme.mainwp-default-theme .commands-command-menu__container [cmdk-item] > .commands-command-menu__item,
277 +.mainwp-ui.mainwp-custom-theme.mainwp-default-dark-theme .commands-command-menu__container [cmdk-item] > .commands-command-menu__item {
278 + border-radius: 0.75rem;
279 +}
280 +
151 281 /* Sub-Header */
152 282
153 283 .mainwp-sub-header,
154 284 .mainwp-actions-bar {
155 - padding: 10px 1em;
285 + padding: 1rem;
156 286 background: #f9fafb;
157 287 border-bottom: 1px solid #dadada;
158 288 }
159 289
160 -.mainwp-sub-header #mainwp-sites-bulk-actions-menu.ui.selection.dropdown {
161 - min-width: 20em;
290 +@media screen and (min-width: 768px) {
291 + .mainwp-ui.mainwp-custom-theme.mainwp-default-theme:not(.mainwp-individual-site-view) #mainwp-admin-notices-segment.mainwp-extension-update-failure-notice-segment ~ .mainwp-sub-header,
292 + .mainwp-ui.mainwp-custom-theme.mainwp-default-dark-theme:not(.mainwp-individual-site-view) #mainwp-admin-notices-segment.mainwp-extension-update-failure-notice-segment ~ .mainwp-sub-header {
293 + margin-top: 2em !important;
294 + }
162 295 }
163 296
297 +.mainwp-sub-header #mainwp-sites-bulk-actions-menu.ui.selection.dropdown,
298 +.mainwp-ui #mainwp-manage-plugins #mainwp-plugins-bulk-actions-wapper .ui.dropdown,
299 +.mainwp-ui #mainwp-manage-themes #mainwp-themes-bulk-actions-wapper .ui.dropdown {
300 + min-width: 20em !important;
301 +}
302 +
303 +.mainwp-ui .mainwp-actions-bar .ui.mini.form .ui.dropdown,
304 +.mainwp-ui .mainwp-actions-bar.ui.mini.form .ui.dropdown,
305 +.mainwp-ui .mainwp-sub-header .ui.mini.form .ui.dropdown,
306 +.mainwp-ui .mainwp-sub-header.ui.mini.form .ui.dropdown {
307 + font-size: 0.78571429rem;
308 +}
309 +
164 310 /* Page Navigation */
165 311
166 312 #mainwp-page-navigation-wrapper {
167 313 display: none;
@@ -172,20 +318,23 @@
172 318 float: left;
173 319 position: fixed;
174 320 top: 58px;
175 321 bottom: 0px;
176 - width: 170px;
322 + width: 200px;
323 + box-shadow: 20px 0px 15px -18px rgba(0, 0, 0, 0.15) inset;
324 + -webkit-box-shadow: 20px 0px 15px -18px rgba(0, 0, 0, 0.15) inset;
325 + overflow-y: auto;
326 + overflow-x: hidden;
177 327 }
178 328
179 329 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation {
180 - width: 170px;
181 - box-shadow: none !important;
330 + width: 199px;
182 331 border-radius: 0px !important;
183 332 border: none !important;
184 333 }
185 334
186 335 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation .item {
187 - padding: 0.92857143em 1.14285714em !important;
336 + padding: 0.9rem !important;
188 337 }
189 338
190 339 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation .item:last-child {
191 340 box-shadow: none !important;
@@ -193,17 +342,22 @@
193 342 }
194 343
195 344 .mainwp-individual-site-view #mainwp-page-navigation-wrapper #mainwp-site-preview-image {
196 345 max-width: 100%;
346 + width: 100%;
347 + box-shadow: 20px 0px 15px -18px rgba(0, 0, 0, 0.15) inset !important;
348 + -webkit-box-shadow: 20px 0px 15px -18px rgba(0, 0, 0, 0.15) inset !important;
197 349 }
198 350
199 -.mainwp-individual-site-view #mainwp-site-mode-wrap {
200 - width: calc(100% - 170px);
351 +.mainwp-individual-site-view #mainwp-site-mode-wrap,
352 +.mainwp-individual-site-view #mainwp-admin-notices-segment,
353 +.mainwp-individual-site-view #mainwp-module-cost-tracker-settings-tab {
354 + width: calc(100% - 200px);
201 355 float: right;
202 356 }
203 357
204 -.mainwp-individual-site-view .mainwp-content-wrap > .ui.message {
205 - width: calc(100% - 170px);
358 +.mainwp-individual-site-view .mainwp-content-wrap>.ui.message {
359 + width: calc(100% - 200px);
206 360 float: right;
207 361 }
208 362
209 363 .mainwp-sub-submenu {
@@ -211,10 +365,10 @@
211 365 margin-top: 0px !important;
212 366 border-radius: 0px !important;
213 367 background: #3E3F3D !important;
214 368 box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
215 - -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
216 - -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
369 + -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
370 + -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
217 371 }
218 372
219 373
220 374 /* Pagination */
@@ -220,10 +374,10 @@
220 374 /* Pagination */
221 375 .mainwp-ui .ui.pagination.menu .item::before {
222 376 width: 0px;
223 377 }
378 +
224 379 .mainwp-ui .ui.pagination.menu .item {
225 - padding: 0;
226 380 border: none;
227 381 margin: 0;
228 382 text-align: center;
229 383 }
@@ -230,11 +384,11 @@
230 384
231 385 .mainwp-ui .ui.pagination.menu .item:hover,
232 386 .mainwp-ui .ui.pagination.menu .item.active {
233 387 background: #7fb100;
234 - padding: 0;
235 388 border-radius: 0;
236 389 }
390 +
237 391 .mainwp-ui .ui.pagination.menu .item:hover .page-link,
238 392 .mainwp-ui .ui.pagination.menu .item.active .page-link {
239 393 color: #ffffff;
240 394 }
@@ -245,8 +399,12 @@
245 399 }
246 400
247 401 /* Menu */
248 402
403 +#mainwp-main-mobile-navigation-container .ui.menu {
404 + width: 100%;
405 +}
406 +
249 407 #mainwp-main-navigation-container {
250 408 display: flex;
251 409 flex-direction: row;
252 410 background-color: #3E3F3D;
@@ -255,9 +413,9 @@
255 413 position: fixed;
256 414 left: 0;
257 415 top: 58px;
258 416 bottom: 0;
259 - z-index: 1 !important;
417 + z-index: 1001 !important;
260 418 }
261 419
262 420 #mainwp-main-navigation-container .active.item:last-child {
263 421 border-radius: 0px !important;
@@ -279,14 +437,30 @@
279 437 overflow-x: hidden;
280 438 padding-top: 25px;
281 439 }
282 440
441 +#mainwp-support-menu {
442 + text-align: center;
443 + padding: 0.92857143em;
444 +}
445 +
446 +#mainwp-support-menu a#mainwp-help-menu-item{
447 + color: #ffffff !important;
448 + font-size: 0.75em !important;
449 + font-weight: 300;
450 +}
451 +
452 +#mainwp-support-menu a#mainwp-help-menu-item .icon{
453 + margin: 0px !important;
454 + font-size: 2em !important;
455 + color: #ffffff !important;
456 +}
457 +
283 458 #mainwp-version-label {
284 459 margin-left: 0px;
285 460 margin-right: 0px;
286 461 border-radius: 0px;
287 462 color: #ffffff !important;
288 - z-index: 9999 !important;
289 463 }
290 464
291 465 #mainwp-first-level-navigation-menu {
292 466 margin-top: 0;
@@ -294,8 +468,25 @@
294 468 border-radius: 0px;
295 469 min-height: 420px;
296 470 }
297 471
472 +#mainwp-first-level-navigation-menu .item:before {
473 + display: none !important;
474 +}
475 +
476 +#mainwp-first-level-navigation-menu .item {
477 + margin: .5em !important;
478 + padding: .785em 0 !important;
479 + min-width: 0px !important;
480 +}
481 +
482 +#mainwp-first-level-navigation-menu .item .icon {
483 + font-size: 1.4em !important;
484 +}
485 +#mainwp-first-level-navigation-menu .item .text {
486 + font-weight: 300 !important;
487 +}
488 +
298 489 #mainwp-first-level-navigation-menu .item.active {
299 490 background: #3E3F3D;
300 491 }
301 492
@@ -308,57 +499,72 @@
308 499 background: none !important;
309 500 border-radius: 0px;
310 501 }
311 502
312 -#mainwp-first-level-navigation-menu a[title='Cost Tracker'] {
313 - padding-left: 5px !important;
314 - padding-right: 5px !important;
503 +#mainwp-dashboard-update-available {
504 + border-radius: 0px !important;
315 505 }
506 +#mainwp-dashboard-update-available .icon {
507 + display: block !important;
508 + margin: 0px !important;
509 +}
316 510
511 +#mainwp-divider-handle {
512 + width: 8px;
513 + margin-left: 0px;
514 + margin-right: -8px;
515 + display: flex;
516 + align-items: center;
517 + justify-content: center;
518 + position: relative;
519 + z-index: 20;
520 + flex-shrink: 0;
521 +}
522 +
523 +#mainwp-divider-handle:hover {
524 + background: #495A6520;
525 +}
526 +
317 527 #mainwp-collapse-second-level-navigation {
318 - position: fixed;
319 - left: 272px;
320 - bottom: 30px;
321 - padding: 7px 4px 7px 2px;
322 - border-radius: 0 8px 8px 0 !important;
323 - min-width: auto !important;
324 - background-color: #3E3F3D;
528 + background: #495A65;
529 + border: 1px solid #3A4C58;
530 + border-radius: 4px;
531 + opacity: 0;
532 + transition: all 0.15s ease;
533 + color: #fff;
534 + padding: 1em .05em;
535 + cursor: pointer;
325 536 }
326 537
538 +
539 +
327 540 #mainwp-collapse-second-level-navigation .icon {
328 - padding: 0px !important;
329 - margin: 0px !important;
330 - font-size: 14px !important;
541 + margin: 0 !important;
331 542 }
332 543
544 +#mainwp-divider-handle:hover #mainwp-collapse-second-level-navigation {
545 + opacity: 1 !important;
546 +}
547 +
333 548 #mainwp-second-level-navigation {
334 549 background-color: #3E3F3D;
335 550 width: 200px;
336 - box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
337 - -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
338 - -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
339 551 overflow-y: auto;
340 552 overflow-x: hidden;
341 553 }
342 554
343 -#mainwp-main-menu {
344 - width: 100%;
555 +.mainwp-main-navigation-menu {
556 + width: 100% !important;
345 557 background: #3E3F3D !important;
346 558 }
347 559
348 560 #mainwp-second-level-navigation .ui.inverted.menu {
349 561 background-color: #3E3F3D;
350 - box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
351 - -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
352 - -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
353 562 }
354 563
355 564 #mainwp-second-level-navigation .ui.inverted.menu .item {
356 565 padding: 0.7em 1.14285714em;
357 566 color: #ffffff !important;
358 - box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
359 - -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
360 - -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
361 567 }
362 568
363 569 #mainwp-second-level-navigation .ui.inverted.menu .item .icon {
364 570 color: #ffffff !important;
@@ -379,17 +585,8 @@
379 585 margin-left: 10px;
380 586 margin-top: 5px;
381 587 }
382 588
383 -.mainwp-main-mobile-navigation-container {
384 - background-color: #1c1d1b;
385 - display: none;
386 -}
387 -
388 -.mainwp-main-mobile-navigation-container .item.active {
389 - background: rgba(255, 255, 255, 0.08) !important;
390 -}
391 -
392 589 .mainwp-ui #mainwp-main-navigation-container.hoverli {
393 590 background-color: #1c1d1b !important;
394 591 }
395 592
@@ -395,9 +592,11 @@
395 592
396 593 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-main-navigation-container,
397 594 .mainwp-ui.mainwp_page_Settings #mainwp-main-navigation-container,
398 595 .mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-main-navigation-container,
596 +.mainwp-ui.mainwp_page_MonitoringSettings #mainwp-main-navigation-container,
399 597 .mainwp-ui.mainwp_page_SettingsEmail #mainwp-main-navigation-container,
598 +.mainwp-ui.mainwp_page_PremiumUpdates #mainwp-main-navigation-container,
400 599 .mainwp-ui.mainwp_page_MainWPTools #mainwp-main-navigation-container,
401 600 .mainwp-ui.mainwp_page_SettingsInsights #mainwp-main-navigation-container,
402 601 .mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-main-navigation-container,
403 602 .mainwp-ui.mainwp_page_ServerInformation #mainwp-main-navigation-container,
@@ -404,17 +603,20 @@
404 603 .mainwp-ui.mainwp_page_ServerInformationCron #mainwp-main-navigation-container,
405 604 .mainwp-ui.mainwp_page_ErrorLog #mainwp-main-navigation-container,
406 605 .mainwp-ui.mainwp_page_ActionLogs #mainwp-main-navigation-container,
407 606 .mainwp-ui.mainwp_page_PluginPrivacy #mainwp-main-navigation-container,
408 -.mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-main-navigation-container {
607 +.mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-main-navigation-container,
608 +.mainwp-ui.mainwp_page_CostTrackerSettings #mainwp-main-navigation-container {
409 609 width: 72px !important;
410 610 }
411 611
412 -.mainwp-ui.toplevel_page_mainwp_tab #mainwp-collapse-second-level-navigation,
612 +.mainwp-ui.toplevel_page_mainwp_tab #mainwp-divider-handle:hover,
413 613 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-second-level-navigation,
414 614 .mainwp-ui.mainwp_page_Settings #mainwp-second-level-navigation,
415 615 .mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-second-level-navigation,
616 +.mainwp-ui.mainwp_page_MonitoringSettings #mainwp-second-level-navigation,
416 617 .mainwp-ui.mainwp_page_SettingsEmail #mainwp-second-level-navigation,
618 +.mainwp-ui.mainwp_page_PremiumUpdates #mainwp-second-level-navigation,
417 619 .mainwp-ui.mainwp_page_MainWPTools #mainwp-second-level-navigation,
418 620 .mainwp-ui.mainwp_page_SettingsInsights #mainwp-second-level-navigation,
419 621 .mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-second-level-navigation,
420 622 .mainwp-ui.mainwp_page_ServerInformation #mainwp-second-level-navigation,
@@ -421,31 +623,75 @@
421 623 .mainwp-ui.mainwp_page_ServerInformationCron #mainwp-second-level-navigation,
422 624 .mainwp-ui.mainwp_page_ErrorLog #mainwp-second-level-navigation,
423 625 .mainwp-ui.mainwp_page_ActionLogs #mainwp-second-level-navigation,
424 626 .mainwp-ui.mainwp_page_PluginPrivacy #mainwp-second-level-navigation,
425 -.mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-second-level-navigation {
627 +.mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-second-level-navigation,
628 +.mainwp-ui.mainwp_page_CostTrackerSettings #mainwp-second-level-navigation {
426 629 display: none !important;
427 630 }
428 631
429 -.mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-collapse-second-level-navigation,
430 -.mainwp-ui.mainwp_page_Settings #mainwp-collapse-second-level-navigation,
431 -.mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-collapse-second-level-navigation,
432 -.mainwp-ui.mainwp_page_SettingsEmail #mainwp-collapse-second-level-navigation,
433 -.mainwp-ui.mainwp_page_MainWPTools #mainwp-collapse-second-level-navigation,
434 -.mainwp-ui.mainwp_page_SettingsInsights #mainwp-collapse-second-level-navigation,
435 -.mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-collapse-second-level-navigation,
436 -.mainwp-ui.mainwp_page_ServerInformation #mainwp-collapse-second-level-navigation,
437 -.mainwp-ui.mainwp_page_ServerInformationCron #mainwp-collapse-second-level-navigation,
438 -.mainwp-ui.mainwp_page_ErrorLog #mainwp-collapse-second-level-navigation,
439 -.mainwp-ui.mainwp_page_ActionLogs #mainwp-collapse-second-level-navigation,
440 -.mainwp-ui.mainwp_page_PluginPrivacy #mainwp-collapse-second-level-navigation {
632 +.mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-divider-handle,
633 +.mainwp-ui.mainwp_page_Settings #mainwp-divider-handle,
634 +.mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-divider-handle,
635 +.mainwp-ui.mainwp_page_MonitoringSettings #mainwp-divider-handle,
636 +.mainwp-ui.mainwp_page_SettingsEmail #mainwp-divider-handle,
637 +.mainwp-ui.mainwp_page_PremiumUpdates #mainwp-divider-handle,
638 +.mainwp-ui.mainwp_page_MainWPTools #mainwp-divider-handle,
639 +.mainwp-ui.mainwp_page_SettingsInsights #mainwp-divider-handle,
640 +.mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-divider-handle,
641 +.mainwp-ui.mainwp_page_ServerInformation #mainwp-divider-handle,
642 +.mainwp-ui.mainwp_page_ServerInformationCron #mainwp-divider-handle,
643 +.mainwp-ui.mainwp_page_ErrorLog #mainwp-divider-handle,
644 +.mainwp-ui.mainwp_page_ActionLogs #mainwp-divider-handle,
645 +.mainwp-ui.mainwp_page_PluginPrivacy #mainwp-divider-handle,
646 +.mainwp-ui.mainwp_page_CostTrackerSettings #mainwp-divider-handle {
441 647 display: none !important;
442 648 }
443 649
444 -#mainwp-main-menu .icon {
650 +.mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-divider-handle:hover,
651 +.mainwp-ui.mainwp_page_Settings #mainwp-divider-handle:hover,
652 +.mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-divider-handle:hover,
653 +.mainwp-ui.mainwp_page_MonitoringSettings #mainwp-divider-handle:hover,
654 +.mainwp-ui.mainwp_page_SettingsEmail #mainwp-divider-handle:hover,
655 +.mainwp-ui.mainwp_page_PremiumUpdates #mainwp-divider-handle:hover,
656 +.mainwp-ui.mainwp_page_MainWPTools #mainwp-divider-handle:hover,
657 +.mainwp-ui.mainwp_page_SettingsInsights #mainwp-divider-handle:hover,
658 +.mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-divider-handle:hover,
659 +.mainwp-ui.mainwp_page_ServerInformation #mainwp-divider-handle:hover,
660 +.mainwp-ui.mainwp_page_ServerInformationCron #mainwp-divider-handle:hover,
661 +.mainwp-ui.mainwp_page_ErrorLog #mainwp-divider-handle:hover,
662 +.mainwp-ui.mainwp_page_ActionLogs #mainwp-divider-handle:hover,
663 +.mainwp-ui.mainwp_page_PluginPrivacy #mainwp-divider-handle:hover,
664 +.mainwp-ui.mainwp_page_CostTrackerSettings #mainwp-divider-handle:hover {
665 + display: none !important;
666 +}
667 +
668 +.mainwp-main-navigation-menu .icon {
445 669 color: #fff !important;
446 670 }
447 671
672 +#mainwp-main-menu .icon.left.floated {
673 + float: left !important;
674 + margin-right: 1em !important;
675 +}
676 +
677 +/* Steps */
678 +
679 +.mainwp-ui .ui.steps .step.completed > .icon::before,
680 +.mainwp-ui .ui.ordered.steps .step.completed::before {
681 + background: #7fb100;
682 + border-color: #7fb100 !important;
683 +}
684 +.mainwp-ui .ui.ordered.steps .step.completed::after {
685 + background: #7fb100!important;
686 + border-color: #7fb100 !important;
687 + color: #1c1d1b !important;
688 +}
689 +.ui.circular.steps .step.active::before,
690 +.ui.circular.steps .step.completed::before {
691 + border-color: #7fb100 !important;
692 +}
693 +
448 694 /* Widgets */
449 695
450 696
451 697 .mainwp-widget {
@@ -453,8 +699,10 @@
453 699 margin: none !important;
454 700 display: flex;
455 701 flex-direction: column;
456 702 justify-content: space-between;
703 + padding: 0px !important;
704 + overflow: hidden !important;
457 705 }
458 706
459 707 .mainwp-widget .mainwp-resize-handle {
460 708 position: absolute;
@@ -460,21 +708,40 @@
460 708 position: absolute;
461 709 bottom: .1rem;
462 710 right: .1rem;
463 711 }
712 +.mainwp-widget .mainwp-widget-header .handle-drag:before {
713 + content: '\f58e';
714 + font-family: "icons", sans-serif;
715 + font-size: 0.785em;
716 + opacity: .2;
717 + position: absolute;
718 + left: 3px;
719 + top: 10px;
720 + display: none;
721 +}
464 722
723 +.mainwp-widget .mainwp-widget-header:hover .handle-drag:before {
724 + display: block;
725 +}
726 +
465 727 .mainwp-widget .mainwp-widget-header {
466 - padding-bottom: 1rem !important;
728 + padding: 1em !important;
467 729 }
468 730
469 731 .mainwp-widget .mainwp-scrolly-overflow {
470 - flex-grow:1;
732 + flex-grow: 1;
471 733 overflow-x: hidden;
472 734 overflow-y: auto;
735 + padding: 1em !important;
473 736 }
474 737
738 +.mainwp-widget .mainwp-scrolly-overflow .ui.tab.active {
739 + height: 100%;
740 +}
741 +
475 742 .mainwp-widget .mainwp-widget-footer {
476 - padding-top: 1rem !important;
743 + padding: 1em !important;
477 744 }
478 745
479 746 .mainwp-widget img {
480 747 width: 40%;
@@ -506,15 +773,32 @@
506 773 .mainwp-empty-widget-placeholder img.mainwp-no-results-placeholder {
507 774 margin-bottom: 2rem;
508 775 }
509 776
510 -/* Forms - Import Sites */
511 -.mainwp-managesites-import-rows:nth-of-type(odd) {
512 - background-color: rgba(0,0,0,.04);
777 +.mainwp-empty-page-placeholder .content {
778 + margin-top: 2rem !important;
513 779 }
514 780
781 +/* Cards */
515 782
783 +.mainwp-ui #mainwp-browse-add-ons-by-category-cards .ui.header {
784 + font-size: 1em;
785 +}
786 +.mainwp-ui #mainwp-browse-add-ons-by-category-cards .ui.header .sub.header {
787 + font-size: 0.78571429em !important;
788 +}
789 +
516 790 @media only screen and (min-width: 1368px) {
791 + .mainwp-ui #mainwp-browse-add-ons-by-category-cards {
792 + flex-wrap: nowrap;
793 + }
794 +
795 + .mainwp-ui #mainwp-browse-add-ons-by-category-cards .ui.card {
796 + min-width: calc(100% / 13);
797 + }
798 +}
799 +
800 +@media only screen and (min-width: 1368px) {
517 801 #mainwp-plugin-privacy {
518 802 width: 800px;
519 803 }
520 804 }
@@ -529,15 +813,15 @@
529 813
530 814 .mainwp-select-sites,
531 815 .mainwp-search-options,
532 816 .mainwp-search-submit {
533 - padding: 10px;
817 + padding: 1em;
534 818 }
535 819
536 -#mainwp-select-sites-header .ui.menu {
820 +.mainwp-select-sites-header .ui.menu {
537 821 overflow-x: auto;
538 822 overflow-y: hidden;
539 - margin: 1rem -1rem 0;
823 + margin: 1rem 0 0;
540 824 }
541 825
542 826 #mainwp-documentation-sidebar .ui.list .item i.icon {
543 827 display: inline-block !important;
@@ -544,29 +828,31 @@
544 828 }
545 829
546 830 /* Select Sites */
547 831
548 -#mainwp-select-sites-body {
549 - height: 220px;
832 +#mainwp-select-sites-menu {
833 + margin-bottom: 1em;
834 +}
835 +
836 +.mainwp-select-sites-items-body {
837 + height: 300px;
550 838 overflow: auto;
551 839 }
552 840
553 -#mainwp-select-sites-select-all-actions {
554 - background: #dadada;
555 - border-bottom: 1px solid #dadada;
556 - margin-top: 0;
841 +.mainwp-select-sites-select-all-actions {
842 + margin: 0.785em 0 1.785em 0;
557 843 }
558 844
559 -#mainwp-select-sites-select-all-actions .item {
845 +.mainwp-select-sites-select-all-actions .item {
560 846 cursor: pointer;
561 847 }
562 848
563 -.mainwp-modal-content #mainwp-select-sites-select-all-actions {
849 +.mainwp-modal-content .mainwp-select-sites-select-all-actions {
564 850 margin-left: auto;
565 851 margin-right: auto;
566 852 }
567 853
568 -#mainwp-select-sites-list .item label .url {
854 +.mainwp-select-sites-list .item label .url {
569 855 display: none;
570 856 }
571 857
572 858 .mainwp-sub-header #mainwp-filter-sites-group .default.text,
@@ -573,16 +859,77 @@
573 859 .mainwp-sub-header #mainwp-filter-clients .default.text {
574 860 overflow: visible !important;
575 861 }
576 862
863 +#mainwp-sites-filters-row .mainwp-tags-filter-action {
864 + display: inline-flex;
865 + align-items: stretch;
866 + flex: 0 1 auto;
867 + margin: 0;
868 +}
869 +
870 +#mainwp-sites-filters-row .mainwp-tags-filter-action .ui.selection.dropdown {
871 + min-width: 120px;
872 + max-width: 260px;
873 + width: auto !important;
874 + margin: 0;
875 + border-top-right-radius: 0 !important;
876 + border-bottom-right-radius: 0 !important;
877 +}
878 +
879 +#mainwp-sites-filters-row .mainwp-tags-filter-action .ui.dropdown.button {
880 + margin: 0;
881 + border-top-left-radius: 0 !important;
882 + border-bottom-left-radius: 0 !important;
883 + border-left: none !important;
884 +}
885 +
577 886 /* Tables */
887 +.mainwp-ui table.dataTable thead > tr > th .dt-column-header {
888 + justify-content: start !important;
889 + flex-direction: row !important;
890 + gap: 0.5rem !important;
891 +}
578 892
579 -.mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before,
580 -.mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control::before {
581 - background-color: rgba(0, 0, 0, 0.3);
893 +.mainwp-ui table.dataTable thead > tr > th#wpcore_update .dt-column-header,
894 +.mainwp-ui table.dataTable thead > tr > th#plugin_update .dt-column-header,
895 +.mainwp-ui table.dataTable thead > tr > th#theme_update .dt-column-header {
896 + justify-content: center !important;
582 897 }
583 898
899 +.mainwp-ui table.dataTable thead > tr > th.right.aligned .dt-column-header {
900 + justify-content: end !important;
901 +}
584 902
903 +.mainwp-ui table.dataTable thead > tr > th .dt-column-header .dt-column-title {
904 + flex-grow: 0 !important;
905 +}
906 +
907 +.mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
908 +.mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
909 + background-color: none !important;
910 + border: none !important;
911 + content: "\f0da";
912 + font-family: "icons", sans-serif;
913 + margin-right: 0.5rem !important;
914 +}
915 +
916 +.mainwp-ui table.dataTable > tbody > tr.child span.dtr-title {
917 + font-weight: 600 !important;
918 + min-width: 50% !important;
919 + text-align: left !important;
920 +}
921 +
922 +.mainwp-ui table.dataTable > tbody > tr.child span.dtr-data {
923 + min-width: 50% !important;
924 + text-align: right !important;
925 +}
926 +
927 +.mainwp-ui table.dataTable >tbody > tr.child ul.dtr-details > li {
928 + border-bottom: 0px solid #000000 !important;
929 +}
930 +
931 +
585 932 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent.dt-hasChild>td.dtr-control::before,
586 933 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent.dt-hasChild>th.dtr-control::before {
587 934 background-color: rgba(0, 0, 0, 0.6);
588 935 }
@@ -595,14 +942,42 @@
595 942 .mainwp-ui table.dataTable tbody tr>.dtfc-fixed-right {
596 943 background-color: #fff;
597 944 }
598 945
599 -.mainwp-ui table.dataTable > tbody > tr.selected > * {
600 - box-shadow: inset 0 0 0 9999px rgba( 0,0,0,.03) !important;
946 +.mainwp-ui table.dataTable>tbody>tr.selected>* {
947 + box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .03) !important;
601 948 }
602 949
603 950 /* Manage Sites Table */
604 951
952 +.mainwp-flag-stack {
953 + position: relative;
954 + display: inline-block;
955 + width: 2.2em;
956 + height: 1.5em;
957 + vertical-align: middle;
958 +}
959 +
960 +.mainwp-flag-stack__flag {
961 + position: absolute;
962 + display: inline-block;
963 + transform: scale(0.88);
964 +}
965 +
966 +.mainwp-flag-stack__flag--primary {
967 + top: -0.24em;
968 + left: -0.36em;
969 + transform-origin: top left;
970 + z-index: 1;
971 +}
972 +
973 +.mainwp-flag-stack__flag--secondary {
974 + right: -0.08em;
975 + bottom: -0.04em;
976 + transform-origin: bottom right;
977 + z-index: 2;
978 +}
979 +
605 980 table.mainwp-manage-wpsites-table {
606 981 margin: 0;
607 982 }
608 983
@@ -621,8 +996,17 @@
621 996 #mainwp-manage-sites-content.segment {
622 997 padding-top: 1em;
623 998 }
624 999
1000 +/* Sites Changes Table */
1001 +
1002 +#mainwp-module-log-records-table-widget-overview tbody tr td.mainwp-sites-changes-object-cell {
1003 + white-space: nowrap;
1004 + overflow: hidden;
1005 + text-overflow: ellipsis;
1006 + max-width: 185px;
1007 +}
1008 +
625 1009 /* Manage Cliens Table */
626 1010
627 1011 #mainwp-manage-clients-table .custom-icon {
628 1012 font-size: 35px;
@@ -665,8 +1049,19 @@
665 1049 #mainwp-manage-updates table tr.active table td {
666 1050 background: #f9ffea !important;
667 1051 }
668 1052
1053 +.mainwp-ui .master-checkbox.title .dropdown.dropdown-trigger.icon,
1054 +.mainwp-ui .main-master-checkbox.title .accordion-trigger .icon,
1055 +.mainwp-ui .master-checkbox.title .accordion-trigger .icon {
1056 + transform: rotate(-90deg);
1057 +}
1058 +.mainwp-ui .master-checkbox.active.title .dropdown.dropdown-trigger.icon,
1059 +.mainwp-ui .main-master-checkbox.active.title .accordion-trigger .icon,
1060 +.mainwp-ui .master-checkbox.active.title .accordion-trigger .icon {
1061 + transform: rotate(0deg);
1062 +}
1063 +
669 1064 /* Manaage Plugins & Themes */
670 1065
671 1066 .ui.accordion.mainwp-manage-plugin-item,
672 1067 .ui.accordion.mainwp-manage-theme-item {
@@ -715,16 +1110,12 @@
715 1110
716 1111
717 1112 /* Manage Extensions */
718 1113
719 -#mainwp-manage-extensions.ui.segment {
720 - padding: 0px;
1114 +.mainwp-ui #mainwp_com_api_key {
1115 + width: 300px;
721 1116 }
722 1117
723 -#mainwp-manage-extensions .mainwp-main-content {
724 - padding: 1em;
725 -}
726 -
727 1118 .mainwp-disabled-extension .header,
728 1119 .mainwp-disabled-extension .content:not(.extra) {
729 1120 opacity: 0.7;
730 1121 }
@@ -794,9 +1185,46 @@
794 1185 .mainwp-ui .ui.form .field .mainwp-color-picker-input {
795 1186 max-width: 65px !important;
796 1187 }
797 1188
1189 +.mainwp-ui #mainwp-help-modal > .content {
1190 + min-height: 640px;
1191 +}
798 1192
1193 +.mainwp-ui #mainwp-help-modal > .content:before {
1194 + position: absolute;
1195 + display: block;
1196 + bottom: 0;
1197 + right: 5px;
1198 + content: "\f337";
1199 + font-family: "icons", sans-serif;
1200 + color: #fff;
1201 + rotate: 45deg;
1202 +}
1203 +
1204 +.mainwp-ui #mainwp-help-modal > .content:after {
1205 + position: absolute;
1206 + display: block;
1207 + bottom: 0;
1208 + left: 5px;
1209 + content: "\f337";
1210 + font-family: "icons", sans-serif;
1211 + color: #fff;
1212 + rotate: 135deg;
1213 +}
1214 +
1215 +.mainwp-ui #mainwp-help-modal:hover > .content:before {
1216 + color: #999;
1217 +}
1218 +
1219 +.mainwp-ui #mainwp-help-modal:hover .content:after {
1220 + color: #999;
1221 +}
1222 +
1223 +.mainwp-ui #mainwp-help-modal {
1224 + position: fixed !important;
1225 +}
1226 +
799 1227 /* END V4
800 1228 ********************************************************************************/
801 1229
802 1230 .mainwp_action {
@@ -964,8 +1392,14 @@
964 1392 .mainwp_boxout a:hover {
965 1393 color: #7fb100;
966 1394 }
967 1395
1396 +.mainwp-ui .notice.notice-info,
1397 +.mainwp-ui .notice.notice-success,
1398 +.mainwp-ui .notice.notice-error,
1399 +.mainwp-ui .notice.notice-warning {
1400 + display: none;
1401 +}
968 1402
969 1403
970 1404
971 1405 /* ACTION TABS */
@@ -972,12 +1406,8 @@
972 1406 .mainwp-browse-plugins .wp-filter {
973 1407 margin-top: 0 !important;
974 1408 }
975 1409
976 -.mainwp-browse-plugins>form {
977 - float: left;
978 -}
979 -
980 1410 body.show-upload-plugin .hide-if-upload,
981 1411 body.show-upload-theme .hide-if-upload {
982 1412 display: none !important;
983 1413 }
@@ -1096,9 +1526,9 @@
1096 1526 margin-left: 0;
1097 1527 padding-left: 0;
1098 1528 }
1099 1529
1100 -#wpcontent h2 {
1530 +.mainwp-ui-page #wpcontent h2 {
1101 1531 display: block;
1102 1532 }
1103 1533
1104 1534 .mainwp-modal-progress {
@@ -1138,8 +1568,16 @@
1138 1568 -webkit-box-sizing: border-box !important;
1139 1569 box-sizing: border-box !important;
1140 1570 }
1141 1571
1572 +.mainwp-quick-setup .ui.segments > .ui.segment {
1573 + border: none !important;
1574 +}
1575 +
1576 +.mainwp-quick-setup .ui.segments > .ui.segment:last-child {
1577 + box-shadow: none !important;
1578 +}
1579 +
1142 1580 .mainwp-quick-setup .ui.divider {
1143 1581 margin: 0 !important;
1144 1582 height: 1rem !important;
1145 1583 }
@@ -1183,15 +1621,8 @@
1183 1621 .indicator-accordion-sorting.descending .down.icon {
1184 1622 display: inline-block;
1185 1623 }
1186 1624
1187 -
1188 -th .sort.icon,
1189 -th .up.icon,
1190 -th .down.icon {
1191 - float: right;
1192 -}
1193 -
1194 1625 .trigger-handle-arrow .icon {
1195 1626 float: left;
1196 1627 }
1197 1628
@@ -1249,14 +1680,8 @@
1249 1680 .mainwp-get-started-widget-check-lists .item .content {
1250 1681 width: auto !important;
1251 1682 }
1252 1683
1253 -#mainw_managesites_add_edit_site_upload_custom_icon,
1254 -#mainwp_add_edit_client_upload_custom_icon,
1255 -.mainwp_add_edit_contact_upload_custom_icon {
1256 - margin-left: 30px !important;
1257 -}
1258 -
1259 1684 .qq-upload-completed .qq-upload-cancel,
1260 1685 .qq-upload-completed .qq-upload-percent {
1261 1686 display: none !important;
1262 1687 }
@@ -1290,12 +1715,14 @@
1290 1715 .mainwp-default-theme #mainwp-first-level-navigation-menu #leftbar-item-quick-setup i,
1291 1716 .mainwp-default-theme #mainwp-first-level-navigation-menu #leftbar-item-quick-setup span {
1292 1717 color: var(--grey-dark) !important;
1293 1718 }
1294 -.mainwp-ui tr.selected.none-selected-color > *{
1719 +
1720 +.mainwp-ui tr.selected.none-selected-color>* {
1295 1721 box-shadow: none !important;
1296 1722 }
1297 -.ui.popup:has(> .mainwp-html-popup-body){
1723 +
1724 +.ui.popup:has(> .mainwp-html-popup-body) {
1298 1725 background-color: black !important;
1299 1726 color: white !important;
1300 1727 max-width: 600px !important;
1301 1728 border: none !important;
@@ -1308,9 +1735,10 @@
1308 1735 will-change: top, left, margin, transform, opacity;
1309 1736 outline: none;
1310 1737 animation-duration: .1s;
1311 1738 }
1312 -.ui.popup:has(> .mainwp-html-popup-body)::before{
1739 +
1740 +.ui.popup:has(> .mainwp-html-popup-body)::before {
1313 1741 background-color: black !important;
1314 1742 }
1315 1743
1316 1744
@@ -1316,29 +1744,58 @@
1316 1744
1317 1745 .mainwp-module-cost-tracker-select-custom-product-types-icons input.search {
1318 1746 max-width: 160px !important;
1319 1747 }
1748 +
1320 1749 #mainwp-posting-running,
1321 -#mainwp-publish-dimmer{
1750 +#mainwp-publish-dimmer {
1322 1751 height: 100vh;
1752 + width: 100% !important
1323 1753 }
1324 -#plugin-information-footer{
1754 +
1755 +.mainwp-ui .ui.dimmer:has(#mainwp-posting-post-modal),
1756 +.mainwp-ui .ui.dimmer:has(#mainwp-posting-page-modal) {
1757 + margin-top: 0 !important;
1758 + margin-left: 0 !important;
1759 +}
1760 +
1761 +#plugin-information-footer {
1325 1762 display: none !important;
1326 1763 }
1764 +
1327 1765 #widget-advanced-cost-tracker-widget .mainwp-scrolly-overflow {
1328 - height: calc(100% - 120px) !important;
1766 + height: calc(100% - 120px) !important;
1329 1767 }
1768 +
1330 1769 #widget-advanced-cost-tracker-widget #mainwp-module-cost-tracker-costs-widget-table_wrapper .row:last-child {
1331 - overflow-x: auto;
1770 + overflow-x: auto;
1332 1771 }
1333 1772
1773 +#widget-connections-status-details table td .right.floated{
1774 + float: right !important;
1775 +}
1776 +
1777 +#widget-connections-status-details table td {
1778 + padding-top: .5em;
1779 + padding-bottom: .5em;
1780 +}
1781 +
1782 +#widget-connections-status-details .mainwp_wp_sync {
1783 + line-height: 1.14285714em;
1784 +}
1785 +
1786 +#widget-connections-status-details .dt-layout-row.dt-layout-table {
1787 + margin-top: 0;
1788 +}
1789 +
1334 1790 .menu-connect-first-site .item.active,
1335 1791 .mainwp-qsw-add-client .item.active {
1336 - background: var(--grey-light) !important;
1792 + background: var(--grey-light) !important;
1337 1793 }
1794 +
1338 1795 .mainwp-qsw-add-client-more-row,
1339 -.mainwp-managesites-more-import-row{
1340 - cursor: pointer;
1796 +.mainwp-managesites-more-import-row {
1797 + cursor: pointer;
1341 1798 }
1342 1799
1343 1800 .mainwp-uptime-status-indicator {
1344 1801 width: 4px !important;
@@ -1345,7 +1802,115 @@
1345 1802 height: 20px !important;
1346 1803 margin: 0 !important;
1347 1804 padding: 2px !important;
1348 1805 }
1349 -.uptime-monitors-sub-pages-table > thead{
1806 +
1807 +.uptime-monitors-sub-pages-table>thead {
1350 1808 display: none !important;
1351 -}
1809 +}
1810 +
1811 +/* Gridstack Customization */
1812 +
1813 +.mainwp-ui .grid-stack .ui-resizable-e {
1814 + right: 0.2rem !important;
1815 +}
1816 +
1817 +.mainwp-ui .grid-stack .ui-resizable-se {
1818 + background-size: contain;
1819 + width: 18px;
1820 + /* Adjust as needed */
1821 + height: 18px;
1822 + /* Adjust as needed */
1823 + opacity: 0.7;
1824 + /* Make sure it's visible */
1825 + bottom: 1.25rem !important;
1826 + right: 1.25rem !important;
1827 +}
1828 +
1829 +.mainwp-ui .grid-stack .ui-resizable-sw {
1830 + background-size: contain;
1831 + width: 18px;
1832 + /* Adjust as needed */
1833 + height: 18px;
1834 + /* Adjust as needed */
1835 + opacity: 0.7;
1836 + /* Make sure it's visible */
1837 + bottom: 1.25rem !important;
1838 + left: 1.25rem !important;
1839 +}
1840 +
1841 +#change-history-according-wrapper .ui.accordion .title {
1842 + border-bottom: 1px solid #ddd;
1843 + display: flex;
1844 +}
1845 +
1846 +#change-history-according-wrapper .ui.list {
1847 + margin-top: 0 !important;
1848 +}
1849 +
1850 +#mainwp-sites-sidebar-menu .mainwp-site-menu-item {
1851 + cursor: pointer;
1852 +}
1853 +
1854 +#sync-sites-status {
1855 + display: flex;
1856 + flex-direction: column;
1857 +}
1858 +
1859 +#sync-sites-status .item {
1860 + order: 1;
1861 +}
1862 +
1863 +#sync-sites-status .item.is-success {
1864 + order: 2;
1865 +}
1866 +
1867 +#sync-sites-status .item.disconnected-site {
1868 + order: 3;
1869 +}
1870 +
1871 +#mainwp-plugin-details-modal iframe{
1872 + height: calc(100% + 67px) !important;
1873 +}
1874 +
1875 +/* Premium Updates identifier search */
1876 +
1877 +.mainwp-ui #mainwp-premium-updates-identifier-fields,
1878 +.mainwp-ui #mainwp-premium-updates-identifier-fields > .field {
1879 + margin-bottom: 0 !important;
1880 +}
1881 +
1882 +.mainwp-ui #mainwp-premium-updates-identifier-help {
1883 + margin-top: .5em;
1884 +}
1885 +
1886 +.mainwp-ui #mainwp-premium-updates-identifier-help > div + div {
1887 + margin-top: .25em;
1888 +}
1889 +
1890 +.mainwp-ui #mainwp-premium-updates-identifier-search > .results {
1891 + max-height: 24rem;
1892 + overflow-y: auto;
1893 +}
1894 +
1895 +.mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results {
1896 + background: var(--mainwp-element-background-secondary, var(--background-color-3, #fff)) !important;
1897 + border-color: var(--mainwp-border, var(--border-color, rgba(34, 36, 38, .15))) !important;
1898 +}
1899 +
1900 +.mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results .result {
1901 + color: var(--mainwp-text, var(--font-color, rgba(0, 0, 0, .87))) !important;
1902 + border-bottom-color: var(--mainwp-border, var(--border-color, rgba(34, 36, 38, .1))) !important;
1903 +}
1904 +
1905 +.mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results .result .title {
1906 + color: var(--mainwp-text-header, var(--heading-color, var(--font-color, rgba(0, 0, 0, .87)))) !important;
1907 +}
1908 +
1909 +.mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results .result .description {
1910 + color: var(--mainwp-text-secondary, var(--font-light-color, var(--font-color-light, rgba(0, 0, 0, .4)))) !important;
1911 +}
1912 +
1913 +.mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results .result:hover,
1914 +.mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results .result.active {
1915 + background: var(--mainwp-element-background, var(--background-color-2, var(--grey-light, #f9fafb))) !important;
1916 +}