PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 6.8
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v6.8
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 +42 -134 6.336.8 View file →
@@ -1,6 +1,6 @@
1 +
1 2 .frm-white-body #wpbody-content {
2 -
3 3 /* clear float - fix the full auto height with frm-dashboard-container */
4 4 float: none;
5 5 }
6 6
@@ -19,9 +19,9 @@
19 19 font-weight: 500;
20 20 }
21 21
22 22 .frm-dashboard-container .frm-dashboard-widget {
23 - opacity: 0;
23 + opacity: 0.0;
24 24 position: relative;
25 25 flex-direction: column;
26 26 padding-left: var(--gap-md);
27 27 padding-right: var(--gap-md);
@@ -32,10 +32,10 @@
32 32 }
33 33
34 34 .frm-counter-card-wrapper.frm-payments-placeholder p,
35 35 .frm-counter-card-wrapper.frm-payments-placeholder .frm-counter-card a {
36 - margin: 0;
37 - padding: 0;
36 + margin: 0px;
37 + padding: 0px;
38 38 }
39 39
40 40 .frm-counter-card-wrapper.frm-payments-placeholder .frm-counter-card h3,
41 41 .frm-dashboard-container .frm-dashboard-widget h2.frm-widget-heading {
@@ -57,14 +57,8 @@
57 57 z-index: 4;
58 58 overflow: inherit;
59 59 }
60 60
61 -.frm-dashboard-widget span.frm_inbox_count {
62 - margin-right: 0;
63 - line-height: 1.6;
64 - background-color: var(--error-500);
65 -}
66 -
67 61 .frm-yt-widget {
68 62 z-index: 3;
69 63 padding: 0 !important;
70 64 }
@@ -81,9 +75,9 @@
81 75 margin: 0 auto;
82 76 box-sizing: border-box;
83 77 position: relative;
84 78 overflow: hidden;
85 - background: #4199fd;
79 + background: #4199FD;
86 80 border-radius: var(--small-radius);
87 81 }
88 82
89 83 .frm-dashboard-banner .frm-dashboard-banner-close {
@@ -96,11 +90,11 @@
96 90 z-index: 3;
97 91 }
98 92
99 93 .frm-dashboard-banner .frm-dashboard-banner-close svg {
100 - width: 100%;
94 + width:100%;
101 95 color: white;
102 - opacity: 0.5;
96 + opacity: .5;
103 97 }
104 98
105 99 .frm-dashboard-banner > div {
106 100 position: relative;
@@ -109,9 +103,8 @@
109 103 align-items: center;
110 104 }
111 105
112 106 .frm-dashboard-banner .frm-shrink-0 {
113 -
114 107 /* position at end of flex row */
115 108 margin-left: auto;
116 109 margin-right: var(--gap-lg);
117 110 }
@@ -126,9 +119,9 @@
126 119 font-size: var(--text-sm);
127 120 line-height: 21px;
128 121 color: white;
129 122 font-weight: 400;
130 - margin: 0;
123 + margin: 0px;
131 124 }
132 125
133 126 .frm-dashboard-banner > div > div:last-child {
134 127 min-width: 155px;
@@ -138,15 +131,15 @@
138 131 height: var(--h-xs);
139 132 opacity: 0.4;
140 133 }
141 134
142 -.frm-dashboard-banner::before {
143 - content: "";
135 +.frm-dashboard-banner:before {
136 + content: '';
144 137 display: block;
145 138 width: 628px;
146 139 height: 628px;
147 140 border-radius: 628px;
148 - background: #4199fd;
141 + background: #4199FD;
149 142 filter: blur(50px);
150 143 position: absolute;
151 144 bottom: 0;
152 145 right: 10%;
@@ -152,12 +145,12 @@
152 145 right: 10%;
153 146 z-index: 1;
154 147 }
155 148
156 -.frm-dashboard-banner::after {
157 - content: "";
149 +.frm-dashboard-banner:after {
150 + content: '';
158 151 border-radius: 463px;
159 - background: #f15a24;
152 + background: #F15A24;
160 153 mix-blend-mode: screen;
161 154 filter: blur(50px);
162 155 width: 463px;
163 156 height: 463px;
@@ -175,9 +168,9 @@
175 168 left: 0;
176 169 width: 469px;
177 170 height: 247px;
178 171 border-radius: 469px;
179 - background: #8b5cf6;
172 + background: #8B5CF6;
180 173 mix-blend-mode: overlay;
181 174 filter: blur(50px);
182 175 }
183 176
@@ -182,28 +175,24 @@
182 175 }
183 176
184 177 .frm-dashboard-container.frm-flex-box {
185 178 max-width: 1480px;
186 - width: calc(100% - var(--gap-md) * 2);
179 + width: calc( 100% - var(--gap-md) * 2 );
187 180 padding-bottom: var(--gap-2xl);
188 181 box-sizing: border-box;
189 182 gap: var(--gap-md);
190 183 flex-wrap: wrap;
191 184 }
192 -
193 185 #frm_top_bar + .wrap.frm-dashboard-container {
194 186 margin-left: auto;
195 187 margin-right: auto;
196 188 }
197 -
198 189 .frm-dashboard-container > .frm-flex-box {
199 190 row-gap: var(--gap-md);
200 191 }
201 -
202 192 .frm-dashboard-container > div:first-child {
203 193 overflow: hidden;
204 194 }
205 -
206 195 .frm-dashboard-container > div:last-child {
207 196 width: max(29%, var(--big-sidebar));
208 197 }
209 198
@@ -228,9 +217,8 @@
228 217
229 218 .frm-counter-card-wrapper .frm-counter-card a {
230 219 font-weight: 500;
231 220 }
232 -
233 221 /* END Counter Card */
234 222
235 223 /* License Management */
236 224 .frm-dashboard-license-management {
@@ -243,18 +231,17 @@
243 231 display: flex;
244 232 align-items: center;
245 233 gap: var(--gap-xs);
246 234 }
247 -
248 235 /* END License Management */
249 236
250 237 /* Entries Widget */
251 238 .frm-white-body .frm-dashboard-widget table.wp-list-table {
252 - margin-bottom: 0;
239 + margin-bottom: 0px;
253 240 table-layout: auto;
254 241 }
255 242
256 -.frm-white-body .frm-dashboard-widget table.wp-list-table .row-actions {
243 +.frm-white-body .frm-dashboard-widget table.wp-list-table .row-actions{
257 244 display: none;
258 245 }
259 246
260 247 .frm-white-body .frm-dashboard-widget table.wp-list-table th,
@@ -266,9 +253,8 @@
266 253 }
267 254
268 255 .frm-dashboard-widget table.wp-list-table td {
269 256 font-size: var(--text-sm);
270 - word-break: break-word;
271 257 }
272 258
273 259 .frm-dashboard-widget table.wp-list-table td abbr {
274 260 text-decoration: none;
@@ -278,11 +264,10 @@
278 264 .frm-dashboard-widget table.wp-list-table th {
279 265 color: var(--grey-500);
280 266 font-size: var(--text-xs);
281 267 text-transform: uppercase;
282 - border-bottom: 1px solid #e9eaea;
268 + border-bottom: 1px solid #E9EAEA;
283 269 }
284 -
285 270 /* End Entries Widget */
286 271
287 272 /* Chart Placeholder */
288 273 .frm-widget-placeholder {
@@ -289,19 +274,19 @@
289 274 width: 100%;
290 275 position: relative;
291 276 display: flex;
292 277 align-items: center;
293 - justify-content: center;
278 + justify-content: center;
294 279 }
295 280
296 281 .frm-widget-placeholder[data-background="chart-placeholder"] {
297 - background: url("../../images/dashboard/chart-placeholder.jpg") no-repeat;
282 + background: url( '../../images/dashboard/chart-placeholder.jpg' ) no-repeat;
298 283 background-size: 100%;
299 284 height: 314px;
300 285 }
301 286
302 287 .frm-widget-placeholder[data-background="entries-placeholder"] {
303 - background: url("../../images/dashboard/entries-placeholder.jpg") no-repeat;
288 + background: url( '../../images/dashboard/entries-placeholder.jpg' ) no-repeat;
304 289 background-size: 100%;
305 290 background-position: left -15px;
306 291 height: 385px;
307 292 }
@@ -309,9 +294,8 @@
309 294 .frm-widget-placeholder > div {
310 295 max-width: 337px;
311 296 text-align: center;
312 297 }
313 -
314 298 /* END Chart Placeholder */
315 299
316 300 /* Pro Features List */
317 301 .frm-pro-features-list {
@@ -316,34 +300,27 @@
316 300 /* Pro Features List */
317 301 .frm-pro-features-list {
318 302 padding: var(--gap-xl) var(--gap-2xl);
319 303 position: relative;
320 - display: flex;
321 - gap: var(--gap-2xl);
322 304 }
323 305
324 -.frm-pro-features-list::before {
325 - content: "";
306 +.frm-pro-features-list:before {
307 + content: '';
326 308 display: block;
327 309 width: 100%;
328 310 height: 8px;
329 - background: linear-gradient(90deg, #1961d5 0.76%, #e8abef 100%);
311 + background: linear-gradient(90deg, #1961D5 0.76%, #E8ABEF 100%);
330 312 position: absolute;
331 - top: 0;
332 - left: 0;
313 + top: 0; left: 0;
333 314 border-top-right-radius: var(--small-radius);
334 - border-top-left-radius: var(--small-radius);
315 + border-top-left-radius: var(--small-radius);
335 316 }
336 317
337 -.frm-pro-features-list-left {
338 - flex: 0 0 55%;
339 -}
340 -
341 -.frm-pro-features-list h2 {
342 - font-size: 24px !important;
343 - font-weight: 600 !important;
318 +.frm_wrap .frm-dashboard-container .frm-pro-features-list h2 {
319 + font-size: 24px;
320 + font-weight: 600;
344 321 max-width: 382px;
345 - margin-bottom: var(--gap-md) !important;
322 + margin-bottom: var(--gap-md);
346 323 }
347 324
348 325 .frm-pro-features-list ul {
349 326 padding: 0;
@@ -354,74 +331,8 @@
354 331 display: flex;
355 332 align-items: center;
356 333 gap: var(--gap-xs);
357 334 }
358 -
359 -.frm-testimonial {
360 - border-radius: 16px;
361 - border: 1px solid #eaecf0;
362 - position: relative;
363 - padding: 24px;
364 -}
365 -
366 -.frm-testimonial::before {
367 - content: "";
368 - display: block;
369 - height: 12px;
370 - width: calc(100% - 30px);
371 - border-radius: 0 0 12px 12px;
372 - border: 1px solid #eaecf0;
373 - border-top: 0;
374 - position: absolute;
375 - left: 15px;
376 - bottom: -13px;
377 -}
378 -
379 -.frm-testimonial__content {
380 - font-size: 16px;
381 - line-height: 1.625;
382 - margin-bottom: 24px;
383 -}
384 -
385 -.frm-testimonial__author {
386 - font-weight: 600;
387 - font-size: 18px;
388 - margin-bottom: 3px;
389 -}
390 -
391 -.frm-testimonial__rating svg {
392 - height: 18px;
393 - width: 18px;
394 -}
395 -
396 -.frm-testimonial__guarantee-icon img {
397 - position: absolute;
398 - bottom: -15px;
399 - right: -27px;
400 - height: 110px;
401 - width: 110px;
402 -}
403 -
404 -@media (max-width: 1280px) {
405 -
406 - .frm-pro-features-list {
407 - padding-left: var(--gap-lg);
408 - padding-right: var(--gap-lg);
409 - gap: var(--gap-lg);
410 - }
411 -}
412 -
413 -@media (max-width: 1025px) {
414 -
415 - .frm-pro-features-list {
416 - flex-direction: column;
417 - }
418 -
419 - .frm-testimonial__guarantee-icon svg {
420 - right: -10px;
421 - }
422 -}
423 -
424 335 /* END Pro Features List */
425 336
426 337 /* Inbox */
427 338 .frm-tabs-navs {
@@ -434,13 +345,13 @@
434 345 position: relative;
435 346 }
436 347
437 348 .frm-tabs-navs ul li {
438 - color: var(--grey-500);
349 + color: var( --grey-500 );
439 350 font-weight: 400;
440 351 font-size: var(--text-md);
441 352 cursor: pointer;
442 - margin-bottom: 0;
353 + margin-bottom: 0px;
443 354 }
444 355
445 356 .frm-tabs-navs ul li.frm-active {
446 357 color: var(--primary-500);
@@ -457,10 +368,9 @@
457 368 .frm-tabs-delimiter .frm-tabs-active-underline {
458 369 height: 2px;
459 370 background: var(--primary-500);
460 371 position: absolute;
461 - left: 24px;
462 - bottom: 0;
372 + left: 24px; bottom: 0;
463 373 width: 45px;
464 374 transition: 0.4s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
465 375 }
466 376
@@ -501,18 +411,18 @@
501 411 #frm_empty_inbox.frm-inbox-subscribe #frm-leave-email-modal {
502 412 margin: 0;
503 413 }
504 414
505 -.frm-inbox-subscribe h2::before {
506 - content: "";
507 - display: block;
508 - background: url("../../images/dashboard/bell-cross.svg") no-repeat;
415 +.frm-inbox-subscribe h2:before {
416 + content:'';
417 + display:block;
418 + background: url( '../../images/dashboard/bell-cross.svg' ) no-repeat;
509 419 width: 40px;
510 420 height: 40px;
511 421 margin: auto auto var(--gap-sm);
512 422 }
513 423
514 -.frm-inbox-subscribe #frmapi-email-form + img {
424 +.frm-inbox-subscribe #frmapi-email-form + img{
515 425 display: none;
516 426 }
517 427
518 428 .frm-tabs-container .frm-tabs-slide-track {
@@ -535,9 +445,9 @@
535 445 }
536 446
537 447 .frm-tabs-slide-track > div {
538 448 flex: 0 0 100%;
539 - opacity: 0;
449 + opacity: 0.0;
540 450 transition: 0.25s opacity linear;
541 451 position: relative;
542 452 height: auto;
543 453 max-height: 612px;
@@ -547,9 +457,9 @@
547 457
548 458 .frm-tabs-slide-track > div > div {
549 459 overflow: auto;
550 460 position: relative;
551 - width: 100%;
461 + width:100%;
552 462 padding: 0 var(--gap-md);
553 463 box-sizing: border-box;
554 464 }
555 465
@@ -557,9 +467,9 @@
557 467 height: 100%;
558 468 }
559 469
560 470 .frm-tabs-slide-track > div.frm-active {
561 - opacity: 1;
471 + opacity: 1.0;
562 472 transition: 0.35s opacity linear;
563 473 }
564 474
565 475 .frm-inbox-wrapper div.frm-tabs-container div.frm-inbox-message-container a.frm-button-primary,
@@ -576,13 +486,11 @@
576 486
577 487 .frm-admin-page-dashboard .frm-inbox-message-container p {
578 488 margin: 0;
579 489 }
580 -
581 490 /* END Inbox */
582 491
583 492 @media only screen and ( max-width: 1250px ) {
584 -
585 493 .frm-dashboard-container > div {
586 494 width: 100% !important;
587 495 }
588 496