| @@ -371,8 +371,17 @@ | ||
| 371 | 371 | .cozmoslabs-form-subsection-wrapper.cozmoslabs-no-title-section > .cozmoslabs-form-field-wrapper:first-of-type { |
| 372 | 372 | margin-top: 0 !important; |
| 373 | 373 | } |
| 374 | 374 | |
| 375 | +/* Forms Editor mode subsection: cancel parent horizontal padding; restore description margins. */ | |
| 376 | +.cozmoslabs-form-subsection-wrapper.wppb-forms-editor-mode-section { | |
| 377 | + max-width: none !important; | |
| 378 | +} | |
| 379 | + | |
| 380 | +.wppb-forms-editor-mode-section > p.cozmoslabs-description { | |
| 381 | + margin-top: 16px !important; | |
| 382 | +} | |
| 383 | + | |
| 375 | 384 | .cozmoslabs-form-field-wrapper label.cozmoslabs-form-field-label { |
| 376 | 385 | flex-basis: 220px; |
| 377 | 386 | font-weight: 600; |
| 378 | 387 | font-size: 13px; |
| @@ -3402,5 +3411,203 @@ | ||
| 3402 | 3411 | } |
| 3403 | 3412 | |
| 3404 | 3413 | body[class*="post-type-wppb-"] .page-title-action { |
| 3405 | 3414 | display: none; |
| 3415 | +} | |
| 3416 | + | |
| 3417 | + | |
| 3418 | +/* Form Builder forms list (wppb-forms-list-screen). */ | |
| 3419 | +body.wppb-forms-list-screen .cozmoslabs-banner { | |
| 3420 | + background: #FFFFFF; | |
| 3421 | + border: none; | |
| 3422 | + border-bottom: 1px solid #E0E0E0; | |
| 3423 | + padding: 15px 20px; | |
| 3424 | +} | |
| 3425 | + | |
| 3426 | +/* Tabs under the banner. */ | |
| 3427 | +body.wppb-forms-list-screen .wppb-forms-header-tabs { | |
| 3428 | + position: relative; | |
| 3429 | + margin: 0 0 0 -20px; | |
| 3430 | + height: 48px; | |
| 3431 | + padding: 0 12px; | |
| 3432 | + background: #FFFFFF; | |
| 3433 | + border: none; | |
| 3434 | + border-bottom: 1px solid #E0E0E0; | |
| 3435 | + border-radius: 0; | |
| 3436 | + box-shadow: none; | |
| 3437 | +} | |
| 3438 | + | |
| 3439 | +body.wppb-forms-list-screen .wppb-forms-header-tabs a.nav-tab { | |
| 3440 | + position: relative; | |
| 3441 | + line-height: 48px; | |
| 3442 | + margin: 0; | |
| 3443 | + border: none; | |
| 3444 | + color: #757575; | |
| 3445 | +} | |
| 3446 | + | |
| 3447 | +body.wppb-forms-list-screen .wppb-forms-header-tabs a.nav-tab:hover, | |
| 3448 | +body.wppb-forms-list-screen .wppb-forms-header-tabs a.nav-tab.nav-tab-active { | |
| 3449 | + color: #1E1E1E; | |
| 3450 | +} | |
| 3451 | + | |
| 3452 | +/* Active tab underline. */ | |
| 3453 | +body.wppb-forms-list-screen .wppb-forms-header-tabs a.nav-tab.nav-tab-active::after { | |
| 3454 | + content: ""; | |
| 3455 | + position: absolute; | |
| 3456 | + left: 0; | |
| 3457 | + right: 0; | |
| 3458 | + bottom: 0; | |
| 3459 | + height: 2px; | |
| 3460 | + background: #3858E9; | |
| 3461 | +} | |
| 3462 | + | |
| 3463 | +/* Show Add New on RF/EPF list screens (free); UL stays Pro-gated elsewhere. */ | |
| 3464 | +body.wppb-forms-list-screen .page-title-action { | |
| 3465 | + display: inline-block; | |
| 3466 | +} | |
| 3467 | + | |
| 3468 | +/* Locked Add New stand-in (free tier). */ | |
| 3469 | +body.wppb-forms-list-screen .page-title-action.wppb-fb-add-new-locked, | |
| 3470 | +body.wppb-forms-list-screen .page-title-action.wppb-fb-add-new-locked:hover, | |
| 3471 | +body.wppb-forms-list-screen .page-title-action.wppb-fb-add-new-locked:focus, | |
| 3472 | +body.wppb-forms-list-screen .page-title-action.wppb-fb-add-new-locked:active { | |
| 3473 | + background: #F6F7F7; | |
| 3474 | + border-color: #DCDCDE; | |
| 3475 | + color: #A7AAAD; | |
| 3476 | + box-shadow: none; | |
| 3477 | + text-shadow: none; | |
| 3478 | + cursor: pointer; | |
| 3479 | +} | |
| 3480 | + | |
| 3481 | +/* Locked Add New upgrade pointer (wp-pointer). */ | |
| 3482 | +.wppb-fb-add-new-locked-pointer .wp-pointer-content { | |
| 3483 | + width: 300px; | |
| 3484 | + padding: 16px 18px; | |
| 3485 | + border: 1px solid #E0E0E0; | |
| 3486 | + border-radius: 8px; | |
| 3487 | + box-shadow: 0 8px 24px rgba(30, 30, 30, 0.12); | |
| 3488 | + background: #FFFFFF; | |
| 3489 | +} | |
| 3490 | + | |
| 3491 | +.wppb-fb-add-new-locked-pointer .wp-pointer-content p { | |
| 3492 | + margin: 0; | |
| 3493 | + padding: 0; | |
| 3494 | +} | |
| 3495 | + | |
| 3496 | +.wppb-fb-upsell-pointer__title { | |
| 3497 | + margin: 0 0 6px !important; | |
| 3498 | + font-size: 13px; | |
| 3499 | + font-weight: 600; | |
| 3500 | + line-height: 1.4; | |
| 3501 | + color: #1E1E1E; | |
| 3502 | +} | |
| 3503 | + | |
| 3504 | +.wppb-fb-upsell-pointer__text { | |
| 3505 | + margin: 0 0 14px !important; | |
| 3506 | + font-size: 13px; | |
| 3507 | + line-height: 1.5; | |
| 3508 | + color: #50575E; | |
| 3509 | +} | |
| 3510 | + | |
| 3511 | +.wppb-fb-upsell-pointer__cta a { | |
| 3512 | + display: inline-flex; | |
| 3513 | + align-items: center; | |
| 3514 | + justify-content: center; | |
| 3515 | + padding: 7px 12px; | |
| 3516 | + border-radius: 2px; | |
| 3517 | + background: #0F15B0; | |
| 3518 | + color: #FFFFFF !important; | |
| 3519 | + font-size: 12px; | |
| 3520 | + font-weight: 600; | |
| 3521 | + line-height: 1.4; | |
| 3522 | + text-decoration: none; | |
| 3523 | +} | |
| 3524 | + | |
| 3525 | +.wppb-fb-upsell-pointer__cta a:hover, | |
| 3526 | +.wppb-fb-upsell-pointer__cta a:focus { | |
| 3527 | + background: #0e1294; | |
| 3528 | + color: #FFFFFF !important; | |
| 3529 | +} | |
| 3530 | + | |
| 3531 | +/* Arrow fill matches the card (core defaults to WP blue). */ | |
| 3532 | +.wppb-fb-add-new-locked-pointer.wp-pointer-top .wp-pointer-arrow, | |
| 3533 | +.wppb-fb-add-new-locked-pointer.wp-pointer-undefined .wp-pointer-arrow { | |
| 3534 | + border-bottom-color: #E0E0E0; | |
| 3535 | +} | |
| 3536 | + | |
| 3537 | +.wppb-fb-add-new-locked-pointer.wp-pointer-top .wp-pointer-arrow-inner, | |
| 3538 | +.wppb-fb-add-new-locked-pointer.wp-pointer-undefined .wp-pointer-arrow-inner { | |
| 3539 | + border-bottom-color: #FFFFFF; | |
| 3540 | +} | |
| 3541 | + | |
| 3542 | +/* List table as a rounded card. */ | |
| 3543 | +body.wppb-forms-list-screen .wp-list-table { | |
| 3544 | + border: 1px solid #E0E0E0; | |
| 3545 | + border-radius: 8px; | |
| 3546 | + border-collapse: separate; | |
| 3547 | + border-spacing: 0; | |
| 3548 | + overflow: hidden; | |
| 3549 | + box-shadow: none; | |
| 3550 | +} | |
| 3551 | + | |
| 3552 | +body.wppb-forms-list-screen .wp-list-table thead th, | |
| 3553 | +body.wppb-forms-list-screen .wp-list-table thead td { | |
| 3554 | + border-bottom: 1px solid #E0E0E0; | |
| 3555 | +} | |
| 3556 | + | |
| 3557 | +body.wppb-forms-list-screen .wp-list-table tfoot th, | |
| 3558 | +body.wppb-forms-list-screen .wp-list-table tfoot td { | |
| 3559 | + border-top: 1px solid #E0E0E0; | |
| 3560 | +} | |
| 3561 | + | |
| 3562 | +body.wppb-forms-list-screen .wp-list-table thead th, | |
| 3563 | +body.wppb-forms-list-screen .wp-list-table tfoot th { | |
| 3564 | + text-transform: uppercase; | |
| 3565 | + font-size: 11px; | |
| 3566 | + font-weight: 600; | |
| 3567 | + letter-spacing: 0.4px; | |
| 3568 | +} | |
| 3569 | + | |
| 3570 | +body.wppb-forms-list-screen .wp-list-table thead th a, | |
| 3571 | +body.wppb-forms-list-screen .wp-list-table tfoot th a { | |
| 3572 | + font-size: inherit; | |
| 3573 | + font-weight: inherit; | |
| 3574 | +} | |
| 3575 | + | |
| 3576 | +/* "Published" status in the Date column (wrapped by | |
| 3577 | + wppb_fb_forms_date_column_status). */ | |
| 3578 | +body.wppb-forms-list-screen .wppb-forms-status-published { | |
| 3579 | + color: #008A20; | |
| 3580 | +} | |
| 3581 | + | |
| 3582 | +/* Shortcode chip — width set inline by setShortcodeInputWidth(); do not set width here. */ | |
| 3583 | +body.wppb-forms-list-screen .wp-list-table input.wppb-shortcode_copy { | |
| 3584 | + height: auto; | |
| 3585 | + min-height: 0; | |
| 3586 | + padding: 4px 10px; | |
| 3587 | + font-family: Consolas, Monaco, "Courier New", monospace; | |
| 3588 | + font-size: 12px; | |
| 3589 | + line-height: 1.6; | |
| 3590 | + color: #50575E; | |
| 3591 | + background: #F6F7F7; | |
| 3592 | + border: 1px solid #E0E0E0; | |
| 3593 | + border-radius: 4px; | |
| 3594 | + box-shadow: none; | |
| 3595 | + opacity: 1; | |
| 3596 | + cursor: pointer; | |
| 3597 | +} | |
| 3598 | + | |
| 3599 | +body.wppb-forms-list-screen .wp-list-table input.wppb-shortcode_copy:hover, | |
| 3600 | +body.wppb-forms-list-screen .wp-list-table input.wppb-shortcode_copy:focus { | |
| 3601 | + border-color: #CCCCCC; | |
| 3602 | + box-shadow: none !important; | |
| 3603 | +} | |
| 3604 | + | |
| 3605 | +/* Match measure-span font to the chip so setShortcodeInputWidth() doesn't clip. */ | |
| 3606 | +body.wppb-forms-list-screen .wppb-shortcode-temp { | |
| 3607 | + display: inline-block; | |
| 3608 | + font-family: Consolas, Monaco, "Courier New", monospace; | |
| 3609 | + font-size: 12px; | |
| 3610 | + letter-spacing: normal; | |
| 3611 | + white-space: nowrap; | |
| 3612 | + padding-right: 8px; | |
| 3406 | 3613 | } |
