PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 6.19
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v6.19
6.35 6.34 6.33.1 6.33 6.32.1 6.32 6.31 6.25 6.25.1 6.26 6.26.1 6.27 6.28 6.29 6.3 6.3.1 6.3.2 6.30 6.4 6.4.1 6.4.2 6.5 6.5.1 6.5.2 6.5.3 All 141 releases
← All changes | css/admin/dashboard.css +39 -56 6.336.19 View file →
@@ -1,6 +1,5 @@
1 1 .frm-white-body #wpbody-content {
2 -
3 2 /* clear float - fix the full auto height with frm-dashboard-container */
4 3 float: none;
5 4 }
6 5
@@ -19,9 +18,9 @@
19 18 font-weight: 500;
20 19 }
21 20
22 21 .frm-dashboard-container .frm-dashboard-widget {
23 - opacity: 0;
22 + opacity: 0.0;
24 23 position: relative;
25 24 flex-direction: column;
26 25 padding-left: var(--gap-md);
27 26 padding-right: var(--gap-md);
@@ -32,10 +31,10 @@
32 31 }
33 32
34 33 .frm-counter-card-wrapper.frm-payments-placeholder p,
35 34 .frm-counter-card-wrapper.frm-payments-placeholder .frm-counter-card a {
36 - margin: 0;
37 - padding: 0;
35 + margin: 0px;
36 + padding: 0px;
38 37 }
39 38
40 39 .frm-counter-card-wrapper.frm-payments-placeholder .frm-counter-card h3,
41 40 .frm-dashboard-container .frm-dashboard-widget h2.frm-widget-heading {
@@ -81,9 +80,9 @@
81 80 margin: 0 auto;
82 81 box-sizing: border-box;
83 82 position: relative;
84 83 overflow: hidden;
85 - background: #4199fd;
84 + background: #4199FD;
86 85 border-radius: var(--small-radius);
87 86 }
88 87
89 88 .frm-dashboard-banner .frm-dashboard-banner-close {
@@ -96,11 +95,11 @@
96 95 z-index: 3;
97 96 }
98 97
99 98 .frm-dashboard-banner .frm-dashboard-banner-close svg {
100 - width: 100%;
99 + width:100%;
101 100 color: white;
102 - opacity: 0.5;
101 + opacity: .5;
103 102 }
104 103
105 104 .frm-dashboard-banner > div {
106 105 position: relative;
@@ -109,9 +108,8 @@
109 108 align-items: center;
110 109 }
111 110
112 111 .frm-dashboard-banner .frm-shrink-0 {
113 -
114 112 /* position at end of flex row */
115 113 margin-left: auto;
116 114 margin-right: var(--gap-lg);
117 115 }
@@ -126,9 +124,9 @@
126 124 font-size: var(--text-sm);
127 125 line-height: 21px;
128 126 color: white;
129 127 font-weight: 400;
130 - margin: 0;
128 + margin: 0px;
131 129 }
132 130
133 131 .frm-dashboard-banner > div > div:last-child {
134 132 min-width: 155px;
@@ -138,15 +136,15 @@
138 136 height: var(--h-xs);
139 137 opacity: 0.4;
140 138 }
141 139
142 -.frm-dashboard-banner::before {
143 - content: "";
140 +.frm-dashboard-banner:before {
141 + content: '';
144 142 display: block;
145 143 width: 628px;
146 144 height: 628px;
147 145 border-radius: 628px;
148 - background: #4199fd;
146 + background: #4199FD;
149 147 filter: blur(50px);
150 148 position: absolute;
151 149 bottom: 0;
152 150 right: 10%;
@@ -152,12 +150,12 @@
152 150 right: 10%;
153 151 z-index: 1;
154 152 }
155 153
156 -.frm-dashboard-banner::after {
157 - content: "";
154 +.frm-dashboard-banner:after {
155 + content: '';
158 156 border-radius: 463px;
159 - background: #f15a24;
157 + background: #F15A24;
160 158 mix-blend-mode: screen;
161 159 filter: blur(50px);
162 160 width: 463px;
163 161 height: 463px;
@@ -175,9 +173,9 @@
175 173 left: 0;
176 174 width: 469px;
177 175 height: 247px;
178 176 border-radius: 469px;
179 - background: #8b5cf6;
177 + background: #8B5CF6;
180 178 mix-blend-mode: overlay;
181 179 filter: blur(50px);
182 180 }
183 181
@@ -182,28 +180,24 @@
182 180 }
183 181
184 182 .frm-dashboard-container.frm-flex-box {
185 183 max-width: 1480px;
186 - width: calc(100% - var(--gap-md) * 2);
184 + width: calc( 100% - var(--gap-md) * 2 );
187 185 padding-bottom: var(--gap-2xl);
188 186 box-sizing: border-box;
189 187 gap: var(--gap-md);
190 188 flex-wrap: wrap;
191 189 }
192 -
193 190 #frm_top_bar + .wrap.frm-dashboard-container {
194 191 margin-left: auto;
195 192 margin-right: auto;
196 193 }
197 -
198 194 .frm-dashboard-container > .frm-flex-box {
199 195 row-gap: var(--gap-md);
200 196 }
201 -
202 197 .frm-dashboard-container > div:first-child {
203 198 overflow: hidden;
204 199 }
205 -
206 200 .frm-dashboard-container > div:last-child {
207 201 width: max(29%, var(--big-sidebar));
208 202 }
209 203
@@ -228,9 +222,8 @@
228 222
229 223 .frm-counter-card-wrapper .frm-counter-card a {
230 224 font-weight: 500;
231 225 }
232 -
233 226 /* END Counter Card */
234 227
235 228 /* License Management */
236 229 .frm-dashboard-license-management {
@@ -243,18 +236,17 @@
243 236 display: flex;
244 237 align-items: center;
245 238 gap: var(--gap-xs);
246 239 }
247 -
248 240 /* END License Management */
249 241
250 242 /* Entries Widget */
251 243 .frm-white-body .frm-dashboard-widget table.wp-list-table {
252 - margin-bottom: 0;
244 + margin-bottom: 0px;
253 245 table-layout: auto;
254 246 }
255 247
256 -.frm-white-body .frm-dashboard-widget table.wp-list-table .row-actions {
248 +.frm-white-body .frm-dashboard-widget table.wp-list-table .row-actions{
257 249 display: none;
258 250 }
259 251
260 252 .frm-white-body .frm-dashboard-widget table.wp-list-table th,
@@ -278,11 +270,10 @@
278 270 .frm-dashboard-widget table.wp-list-table th {
279 271 color: var(--grey-500);
280 272 font-size: var(--text-xs);
281 273 text-transform: uppercase;
282 - border-bottom: 1px solid #e9eaea;
274 + border-bottom: 1px solid #E9EAEA;
283 275 }
284 -
285 276 /* End Entries Widget */
286 277
287 278 /* Chart Placeholder */
288 279 .frm-widget-placeholder {
@@ -293,15 +284,15 @@
293 284 justify-content: center;
294 285 }
295 286
296 287 .frm-widget-placeholder[data-background="chart-placeholder"] {
297 - background: url("../../images/dashboard/chart-placeholder.jpg") no-repeat;
288 + background: url( '../../images/dashboard/chart-placeholder.jpg' ) no-repeat;
298 289 background-size: 100%;
299 290 height: 314px;
300 291 }
301 292
302 293 .frm-widget-placeholder[data-background="entries-placeholder"] {
303 - background: url("../../images/dashboard/entries-placeholder.jpg") no-repeat;
294 + background: url( '../../images/dashboard/entries-placeholder.jpg' ) no-repeat;
304 295 background-size: 100%;
305 296 background-position: left -15px;
306 297 height: 385px;
307 298 }
@@ -309,9 +300,8 @@
309 300 .frm-widget-placeholder > div {
310 301 max-width: 337px;
311 302 text-align: center;
312 303 }
313 -
314 304 /* END Chart Placeholder */
315 305
316 306 /* Pro Features List */
317 307 .frm-pro-features-list {
@@ -320,17 +310,16 @@
320 310 display: flex;
321 311 gap: var(--gap-2xl);
322 312 }
323 313
324 -.frm-pro-features-list::before {
325 - content: "";
314 +.frm-pro-features-list:before {
315 + content: '';
326 316 display: block;
327 317 width: 100%;
328 318 height: 8px;
329 - background: linear-gradient(90deg, #1961d5 0.76%, #e8abef 100%);
319 + background: linear-gradient(90deg, #1961D5 0.76%, #E8ABEF 100%);
330 320 position: absolute;
331 - top: 0;
332 - left: 0;
321 + top: 0; left: 0;
333 322 border-top-right-radius: var(--small-radius);
334 323 border-top-left-radius: var(--small-radius);
335 324 }
336 325
@@ -357,20 +346,20 @@
357 346 }
358 347
359 348 .frm-testimonial {
360 349 border-radius: 16px;
361 - border: 1px solid #eaecf0;
350 + border: 1px solid #EAECF0;
362 351 position: relative;
363 352 padding: 24px;
364 353 }
365 354
366 -.frm-testimonial::before {
367 - content: "";
355 +.frm-testimonial:before {
356 + content: '';
368 357 display: block;
369 358 height: 12px;
370 359 width: calc(100% - 30px);
371 360 border-radius: 0 0 12px 12px;
372 - border: 1px solid #eaecf0;
361 + border: 1px solid #EAECF0;
373 362 border-top: 0;
374 363 position: absolute;
375 364 left: 15px;
376 365 bottom: -13px;
@@ -401,9 +390,8 @@
401 390 width: 110px;
402 391 }
403 392
404 393 @media (max-width: 1280px) {
405 -
406 394 .frm-pro-features-list {
407 395 padding-left: var(--gap-lg);
408 396 padding-right: var(--gap-lg);
409 397 gap: var(--gap-lg);
@@ -410,9 +398,8 @@
410 398 }
411 399 }
412 400
413 401 @media (max-width: 1025px) {
414 -
415 402 .frm-pro-features-list {
416 403 flex-direction: column;
417 404 }
418 405
@@ -419,9 +406,8 @@
419 406 .frm-testimonial__guarantee-icon svg {
420 407 right: -10px;
421 408 }
422 409 }
423 -
424 410 /* END Pro Features List */
425 411
426 412 /* Inbox */
427 413 .frm-tabs-navs {
@@ -434,13 +420,13 @@
434 420 position: relative;
435 421 }
436 422
437 423 .frm-tabs-navs ul li {
438 - color: var(--grey-500);
424 + color: var( --grey-500 );
439 425 font-weight: 400;
440 426 font-size: var(--text-md);
441 427 cursor: pointer;
442 - margin-bottom: 0;
428 + margin-bottom: 0px;
443 429 }
444 430
445 431 .frm-tabs-navs ul li.frm-active {
446 432 color: var(--primary-500);
@@ -457,10 +443,9 @@
457 443 .frm-tabs-delimiter .frm-tabs-active-underline {
458 444 height: 2px;
459 445 background: var(--primary-500);
460 446 position: absolute;
461 - left: 24px;
462 - bottom: 0;
447 + left: 24px; bottom: 0;
463 448 width: 45px;
464 449 transition: 0.4s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
465 450 }
466 451
@@ -501,18 +486,18 @@
501 486 #frm_empty_inbox.frm-inbox-subscribe #frm-leave-email-modal {
502 487 margin: 0;
503 488 }
504 489
505 -.frm-inbox-subscribe h2::before {
506 - content: "";
507 - display: block;
508 - background: url("../../images/dashboard/bell-cross.svg") no-repeat;
490 +.frm-inbox-subscribe h2:before {
491 + content:'';
492 + display:block;
493 + background: url( '../../images/dashboard/bell-cross.svg' ) no-repeat;
509 494 width: 40px;
510 495 height: 40px;
511 496 margin: auto auto var(--gap-sm);
512 497 }
513 498
514 -.frm-inbox-subscribe #frmapi-email-form + img {
499 +.frm-inbox-subscribe #frmapi-email-form + img{
515 500 display: none;
516 501 }
517 502
518 503 .frm-tabs-container .frm-tabs-slide-track {
@@ -535,9 +520,9 @@
535 520 }
536 521
537 522 .frm-tabs-slide-track > div {
538 523 flex: 0 0 100%;
539 - opacity: 0;
524 + opacity: 0.0;
540 525 transition: 0.25s opacity linear;
541 526 position: relative;
542 527 height: auto;
543 528 max-height: 612px;
@@ -547,9 +532,9 @@
547 532
548 533 .frm-tabs-slide-track > div > div {
549 534 overflow: auto;
550 535 position: relative;
551 - width: 100%;
536 + width:100%;
552 537 padding: 0 var(--gap-md);
553 538 box-sizing: border-box;
554 539 }
555 540
@@ -557,9 +542,9 @@
557 542 height: 100%;
558 543 }
559 544
560 545 .frm-tabs-slide-track > div.frm-active {
561 - opacity: 1;
546 + opacity: 1.0;
562 547 transition: 0.35s opacity linear;
563 548 }
564 549
565 550 .frm-inbox-wrapper div.frm-tabs-container div.frm-inbox-message-container a.frm-button-primary,
@@ -576,13 +561,11 @@
576 561
577 562 .frm-admin-page-dashboard .frm-inbox-message-container p {
578 563 margin: 0;
579 564 }
580 -
581 565 /* END Inbox */
582 566
583 567 @media only screen and ( max-width: 1250px ) {
584 -
585 568 .frm-dashboard-container > div {
586 569 width: 100% !important;
587 570 }
588 571