| @@ -580,11 +580,12 @@ | ||
| 580 | 580 | |
| 581 | 581 | .bbp-admin-links-dropdown { |
| 582 | 582 | position: relative; |
| 583 | 583 | } |
| 584 | -.bbp-admin-links-dropdown .frmx-nice-select { | |
| 585 | - background: none; | |
| 586 | - border: none; | |
| 584 | +.bbp-admin-links-dropdown .frmx-nice-select, | |
| 585 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu { | |
| 586 | + background: transparent; | |
| 587 | + border: 1px solid var(--black_75, #e5e7eb); | |
| 587 | 588 | cursor: pointer; |
| 588 | 589 | width: auto; |
| 589 | 590 | padding: 0; |
| 590 | 591 | height: auto; |
| @@ -589,32 +590,45 @@ | ||
| 589 | 590 | padding: 0; |
| 590 | 591 | height: auto; |
| 591 | 592 | line-height: 1; |
| 592 | 593 | border-radius: 6px; |
| 593 | - transition: background 0.15s ease; | |
| 594 | + transition: all 0.2s ease; | |
| 594 | 595 | } |
| 595 | -.bbp-admin-links-dropdown .frmx-nice-select:hover { | |
| 596 | - background: var(--black_50, #f3f4f6); | |
| 596 | +.bbp-admin-links-dropdown .frmx-nice-select:hover, | |
| 597 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu:hover { | |
| 598 | + background: rgba(var(--bbpc_brand_color_rgb, 67, 97, 238), 0.05); | |
| 599 | + /* Brand color slight tint */ | |
| 600 | + border-color: rgba(var(--bbpc_brand_color_rgb, 67, 97, 238), 0.3); | |
| 601 | + /* Brand color border highlight */ | |
| 597 | 602 | } |
| 598 | -.bbp-admin-links-dropdown .frmx-nice-select::after { | |
| 603 | +.bbp-admin-links-dropdown .frmx-nice-select::after, | |
| 604 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu::after { | |
| 599 | 605 | display: none; |
| 600 | 606 | } |
| 601 | -.bbp-admin-links-dropdown .frmx-nice-select .current { | |
| 607 | +.bbp-admin-links-dropdown .frmx-nice-select .current, | |
| 608 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .current { | |
| 602 | 609 | font-size: 0; |
| 603 | 610 | display: flex; |
| 604 | 611 | align-items: center; |
| 605 | 612 | justify-content: center; |
| 606 | - width: 32px; | |
| 607 | - height: 32px; | |
| 613 | + width: 30px; | |
| 614 | + height: 26px; | |
| 608 | 615 | } |
| 609 | -.bbp-admin-links-dropdown .frmx-nice-select .current::before { | |
| 616 | +.bbp-admin-links-dropdown .frmx-nice-select .current::before, | |
| 617 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .current::before { | |
| 610 | 618 | content: "⋮"; |
| 611 | - font-size: 22px; | |
| 619 | + font-size: 20px; | |
| 612 | 620 | color: var(--black_500, #6b7280); |
| 613 | 621 | vertical-align: middle; |
| 614 | 622 | line-height: 1; |
| 623 | + transition: color 0.2s ease; | |
| 615 | 624 | } |
| 616 | -.bbp-admin-links-dropdown .frmx-nice-select .list { | |
| 625 | +.bbp-admin-links-dropdown .frmx-nice-select:hover .current::before, | |
| 626 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu:hover .current::before { | |
| 627 | + color: var(--bbpc_brand_color, #4f46e5); | |
| 628 | +} | |
| 629 | +.bbp-admin-links-dropdown .frmx-nice-select .list, | |
| 630 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list { | |
| 617 | 631 | right: 0; |
| 618 | 632 | left: auto; |
| 619 | 633 | min-width: 180px; |
| 620 | 634 | padding: 6px; |
| @@ -623,9 +637,10 @@ | ||
| 623 | 637 | border: 1px solid var(--black_75, #e5e7eb); |
| 624 | 638 | box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06); |
| 625 | 639 | overflow: visible; |
| 626 | 640 | } |
| 627 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option { | |
| 641 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option, | |
| 642 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option { | |
| 628 | 643 | display: flex; |
| 629 | 644 | align-items: center; |
| 630 | 645 | gap: 10px; |
| 631 | 646 | padding: 8px 12px; |
| @@ -637,53 +652,78 @@ | ||
| 637 | 652 | border-radius: 6px; |
| 638 | 653 | transition: background 0.12s ease, color 0.12s ease; |
| 639 | 654 | cursor: pointer; |
| 640 | 655 | } |
| 641 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option:hover, .bbp-admin-links-dropdown .frmx-nice-select .list .option.focus, .bbp-admin-links-dropdown .frmx-nice-select .list .option.selected.focus { | |
| 656 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option:hover, .bbp-admin-links-dropdown .frmx-nice-select .list .option.focus, .bbp-admin-links-dropdown .frmx-nice-select .list .option.selected.focus, | |
| 657 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option:hover, | |
| 658 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option.focus, | |
| 659 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option.selected.focus { | |
| 642 | 660 | background: var(--black_25, #f7f8fa) !important; |
| 643 | 661 | color: var(--black_900, #111827) !important; |
| 644 | 662 | } |
| 645 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option:first-child { | |
| 663 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option:first-child, | |
| 664 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option:first-child { | |
| 646 | 665 | display: none; |
| 647 | 666 | } |
| 648 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash], .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam] { | |
| 667 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash], .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam], | |
| 668 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=trash], | |
| 669 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=spam] { | |
| 649 | 670 | color: #dc2626; |
| 650 | 671 | } |
| 651 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash] .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam] .frmx-dropdown-icon svg { | |
| 672 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash] .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam] .frmx-dropdown-icon svg, | |
| 673 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=trash] .frmx-dropdown-icon svg, | |
| 674 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=spam] .frmx-dropdown-icon svg { | |
| 652 | 675 | stroke: #dc2626; |
| 653 | 676 | } |
| 654 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash]:hover, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash].focus, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam]:hover, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam].focus { | |
| 677 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash]:hover, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash].focus, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam]:hover, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam].focus, | |
| 678 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=trash]:hover, | |
| 679 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=trash].focus, | |
| 680 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=spam]:hover, | |
| 681 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=spam].focus { | |
| 655 | 682 | background: #fef2f2 !important; |
| 656 | 683 | color: #b91c1c !important; |
| 657 | 684 | } |
| 658 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash]:hover .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash].focus .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam]:hover .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam].focus .frmx-dropdown-icon svg { | |
| 685 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash]:hover .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash].focus .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam]:hover .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam].focus .frmx-dropdown-icon svg, | |
| 686 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=trash]:hover .frmx-dropdown-icon svg, | |
| 687 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=trash].focus .frmx-dropdown-icon svg, | |
| 688 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=spam]:hover .frmx-dropdown-icon svg, | |
| 689 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=spam].focus .frmx-dropdown-icon svg { | |
| 659 | 690 | stroke: #b91c1c; |
| 660 | 691 | } |
| 661 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve] { | |
| 692 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve], | |
| 693 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=approve] { | |
| 662 | 694 | color: #b45309; |
| 663 | 695 | } |
| 664 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve] .frmx-dropdown-icon svg { | |
| 696 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve] .frmx-dropdown-icon svg, | |
| 697 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=approve] .frmx-dropdown-icon svg { | |
| 665 | 698 | stroke: #b45309; |
| 666 | 699 | } |
| 667 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve]:hover, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve].focus { | |
| 700 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve]:hover, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve].focus, | |
| 701 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=approve]:hover, | |
| 702 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=approve].focus { | |
| 668 | 703 | background: #fffbeb !important; |
| 669 | 704 | color: #92400e !important; |
| 670 | 705 | } |
| 671 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve]:hover .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve].focus .frmx-dropdown-icon svg { | |
| 706 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve]:hover .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve].focus .frmx-dropdown-icon svg, | |
| 707 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=approve]:hover .frmx-dropdown-icon svg, | |
| 708 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=approve].focus .frmx-dropdown-icon svg { | |
| 672 | 709 | stroke: #92400e; |
| 673 | 710 | } |
| 674 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option.frmx-dropdown-separator { | |
| 711 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option.frmx-dropdown-separator, | |
| 712 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option.frmx-dropdown-separator { | |
| 675 | 713 | padding: 3px 8px; |
| 676 | 714 | min-height: 0; |
| 677 | 715 | cursor: default; |
| 678 | 716 | pointer-events: none; |
| 679 | 717 | } |
| 680 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option.frmx-dropdown-separator hr { | |
| 718 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option.frmx-dropdown-separator hr, | |
| 719 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option.frmx-dropdown-separator hr { | |
| 681 | 720 | border: none; |
| 682 | 721 | border-top: 1px solid var(--black_75, #e5e7eb); |
| 683 | 722 | margin: 0; |
| 684 | 723 | } |
| 685 | -.bbp-admin-links-dropdown .frmx-nice-select .list .option.frmx-dropdown-separator:hover { | |
| 724 | +.bbp-admin-links-dropdown .frmx-nice-select .list .option.frmx-dropdown-separator:hover, | |
| 725 | +.bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option.frmx-dropdown-separator:hover { | |
| 686 | 726 | background: transparent !important; |
| 687 | 727 | } |
| 688 | 728 | .bbp-admin-links-dropdown .frmx-dropdown-icon { |
| 689 | 729 | display: inline-flex; |
| @@ -1228,9 +1268,9 @@ | ||
| 1228 | 1268 | border: none !important; |
| 1229 | 1269 | } |
| 1230 | 1270 | .frmx-inline-edit-content .mce-edit-area iframe { |
| 1231 | 1271 | min-height: 160px !important; |
| 1232 | - background: #fff !important; | |
| 1272 | + background: var(--bs-white) !important; | |
| 1233 | 1273 | } |
| 1234 | 1274 | .frmx-inline-edit-content .frmx-edit-content-textarea { |
| 1235 | 1275 | width: 100% !important; |
| 1236 | 1276 | } |
| @@ -1241,11 +1281,15 @@ | ||
| 1241 | 1281 | min-height: 160px !important; |
| 1242 | 1282 | font-size: 14px; |
| 1243 | 1283 | line-height: 1.6; |
| 1244 | 1284 | resize: vertical; |
| 1245 | - background: #fff !important; | |
| 1285 | + background: var(--bs-white) !important; | |
| 1246 | 1286 | color: var(--black_800); |
| 1247 | 1287 | } |
| 1288 | +.frmx-inline-edit-content .frmx-edit-content-textarea.wp-editor-area::-moz-placeholder { | |
| 1289 | + color: var(--black_400); | |
| 1290 | + font-weight: 400; | |
| 1291 | +} | |
| 1248 | 1292 | .frmx-inline-edit-content .frmx-edit-content-textarea.wp-editor-area::placeholder { |
| 1249 | 1293 | color: var(--black_400); |
| 1250 | 1294 | font-weight: 400; |
| 1251 | 1295 | } |
| @@ -1401,9 +1445,9 @@ | ||
| 1401 | 1445 | align-items: center; |
| 1402 | 1446 | gap: 12px; |
| 1403 | 1447 | border-radius: 12px; |
| 1404 | 1448 | padding: 15px 1px; |
| 1405 | - margin-bottom: 15px; | |
| 1449 | + margin-bottom: 25px; | |
| 1406 | 1450 | margin-top: 50px; |
| 1407 | 1451 | /* Left section: reply count + participant avatars */ |
| 1408 | 1452 | } |
| 1409 | 1453 | body.bbpress .all-answers .frmx-all-replies-header .frmx-header-left, |
| @@ -1898,9 +1942,10 @@ | ||
| 1898 | 1942 | width: 48px; |
| 1899 | 1943 | max-width: 48px; |
| 1900 | 1944 | height: 48px; |
| 1901 | 1945 | border-radius: 50%; |
| 1902 | - object-fit: cover; | |
| 1946 | + -o-object-fit: cover; | |
| 1947 | + object-fit: cover; | |
| 1903 | 1948 | border: 2px solid var(--black_50); |
| 1904 | 1949 | } |
| 1905 | 1950 | .single-topic .main-post .forum-post-top .forum-post-author .topic-author { |
| 1906 | 1951 | gap: 10px; |
| @@ -2418,8 +2463,13 @@ | ||
| 2418 | 2463 | .subscription-login-btn { |
| 2419 | 2464 | cursor: pointer; |
| 2420 | 2465 | } |
| 2421 | 2466 | |
| 2467 | +.bbp-no-topic .frmx-inline-login-prompt { | |
| 2468 | + margin: 0 auto; | |
| 2469 | + padding: 42px 36px 24px 36px; | |
| 2470 | +} | |
| 2471 | + | |
| 2422 | 2472 | /* Inline login prompt (replaces modal in no-reply / no-topic / subscription contexts) */ |
| 2423 | 2473 | .frmx-inline-login-prompt { |
| 2424 | 2474 | background: var(--bs-white); |
| 2425 | 2475 | border: 1px solid var(--black_100, #e5e7eb); |
| @@ -2496,22 +2546,13 @@ | ||
| 2496 | 2546 | border-color: var(--bbpc_brand_color); |
| 2497 | 2547 | outline: none; |
| 2498 | 2548 | box-shadow: 0 0 0 3px rgba(8, 102, 255, 0.1); |
| 2499 | 2549 | } |
| 2500 | -.frmx-subscription-login-form .bbp-login-form .bbp-remember-me { | |
| 2501 | - margin-bottom: 20px; | |
| 2502 | - display: flex; | |
| 2503 | - align-items: center; | |
| 2504 | - gap: 8px; | |
| 2505 | -} | |
| 2506 | 2550 | .frmx-subscription-login-form .bbp-login-form .bbp-remember-me input[type=checkbox] { |
| 2507 | - width: auto; | |
| 2508 | - margin: 0; | |
| 2551 | + margin-right: 4px; | |
| 2509 | 2552 | } |
| 2510 | 2553 | .frmx-subscription-login-form .bbp-login-form .bbp-remember-me label { |
| 2511 | - font-size: 13px; | |
| 2512 | 2554 | color: var(--black_600); |
| 2513 | - margin: 0; | |
| 2514 | 2555 | cursor: pointer; |
| 2515 | 2556 | } |
| 2516 | 2557 | .frmx-subscription-login-form .bbp-login-form .bbp-submit-wrapper { |
| 2517 | 2558 | float: none !important; |
| @@ -2568,9 +2609,9 @@ | ||
| 2568 | 2609 | } |
| 2569 | 2610 | |
| 2570 | 2611 | .bbp-reply-form, |
| 2571 | 2612 | .bbp-topic-split { |
| 2572 | - background: #fff !important; | |
| 2613 | + background: var(--bs-white) !important; | |
| 2573 | 2614 | border-radius: 12px; |
| 2574 | 2615 | box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); |
| 2575 | 2616 | margin-bottom: 24px; |
| 2576 | 2617 | padding: 18px 25px 25px; |
| @@ -2629,9 +2670,10 @@ | ||
| 2629 | 2670 | } |
| 2630 | 2671 | .bbp-reply-form > form > fieldset.bbp-form > legend .frmx-reply-subtitle { |
| 2631 | 2672 | font-size: 12.5px; |
| 2632 | 2673 | color: var(--black_500); |
| 2633 | - padding-left: 30px; /* align with text, bypassing back arrow */ | |
| 2674 | + padding-left: 30px; | |
| 2675 | + /* align with text, bypassing back arrow */ | |
| 2634 | 2676 | } |
| 2635 | 2677 | .bbp-reply-form { |
| 2636 | 2678 | /* ----- Vertical rhythm for body ----- */ |
| 2637 | 2679 | } |
| @@ -2698,9 +2740,11 @@ | ||
| 2698 | 2740 | } |
| 2699 | 2741 | .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .upload-attachments-form legend { |
| 2700 | 2742 | display: none !important; |
| 2701 | 2743 | } |
| 2702 | -.bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .upload-attachments-form { /* hide inner legend, we provide our own */ } | |
| 2744 | +.bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .upload-attachments-form { | |
| 2745 | + /* hide inner legend, we provide our own */ | |
| 2746 | +} | |
| 2703 | 2747 | .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner { |
| 2704 | 2748 | background: var(--bs-white); |
| 2705 | 2749 | border-radius: 8px; |
| 2706 | 2750 | display: flex; |
| @@ -2786,9 +2830,10 @@ | ||
| 2786 | 2830 | height: 22px; |
| 2787 | 2831 | margin: 0 !important; |
| 2788 | 2832 | } |
| 2789 | 2833 | .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-toggle input[type=checkbox] { |
| 2790 | - appearance: none; | |
| 2834 | + -moz-appearance: none; | |
| 2835 | + appearance: none; | |
| 2791 | 2836 | -webkit-appearance: none; |
| 2792 | 2837 | width: 0; |
| 2793 | 2838 | height: 0; |
| 2794 | 2839 | opacity: 0; |
| @@ -2844,9 +2889,10 @@ | ||
| 2844 | 2889 | color: var(--black_800); |
| 2845 | 2890 | cursor: pointer; |
| 2846 | 2891 | } |
| 2847 | 2892 | .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner p:has(> input[type=checkbox]) input[type=checkbox] { |
| 2848 | - appearance: none; | |
| 2893 | + -moz-appearance: none; | |
| 2894 | + appearance: none; | |
| 2849 | 2895 | -webkit-appearance: none; |
| 2850 | 2896 | width: 18px; |
| 2851 | 2897 | height: 18px; |
| 2852 | 2898 | border: 1.5px solid var(--black_200); |
| @@ -2873,224 +2919,8 @@ | ||
| 2873 | 2919 | top: 2px; |
| 2874 | 2920 | left: 6px; |
| 2875 | 2921 | } |
| 2876 | 2922 | .bbp-reply-form { |
| 2877 | - /* ----- Editor wrapper ----- */ | |
| 2878 | -} | |
| 2879 | -.bbp-reply-form .bbp-the-content-wrapper { | |
| 2880 | - margin: 0 !important; | |
| 2881 | - padding: 0 !important; | |
| 2882 | - border-radius: 10px; | |
| 2883 | - border: 1px solid var(--black_100); | |
| 2884 | - overflow: hidden; | |
| 2885 | - background: var(--bs-white); | |
| 2886 | - transition: border-color 0.15s ease, box-shadow 0.15s ease; | |
| 2887 | -} | |
| 2888 | -.bbp-reply-form .bbp-the-content-wrapper:focus-within { | |
| 2889 | - border-color: var(--bbpc_brand_color); | |
| 2890 | - box-shadow: 0 0 0 3px rgba(76, 76, 241, 0.08); | |
| 2891 | -} | |
| 2892 | -.bbp-reply-form .bbp-the-content-wrapper { | |
| 2893 | - /* ------ wp-editor-wrap – reset WP layout ------ */ | |
| 2894 | -} | |
| 2895 | -.bbp-reply-form .bbp-the-content-wrapper .wp-editor-wrap { | |
| 2896 | - overflow: hidden; /* clear floats */ | |
| 2897 | -} | |
| 2898 | -.bbp-reply-form .bbp-the-content-wrapper { | |
| 2899 | - /* ------ Editor tab bar (Visual / Code) ------ */ | |
| 2900 | -} | |
| 2901 | -.bbp-reply-form .bbp-the-content-wrapper .wp-editor-tabs { | |
| 2902 | - display: flex !important; | |
| 2903 | - float: none !important; /* Override WP core float: right */ | |
| 2904 | - background: transparent !important; | |
| 2905 | - border-bottom: 1px solid var(--black_100) !important; | |
| 2906 | - padding: 0 4px !important; | |
| 2907 | - gap: 0 !important; | |
| 2908 | - justify-content: flex-start !important; | |
| 2909 | - width: auto !important; | |
| 2910 | -} | |
| 2911 | -.bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor { | |
| 2912 | - border: none !important; | |
| 2913 | - border-bottom: 2px solid transparent !important; | |
| 2914 | - background: transparent !important; | |
| 2915 | - color: var(--black_400) !important; | |
| 2916 | - font-size: 13px !important; | |
| 2917 | - font-weight: 600 !important; | |
| 2918 | - padding: 10px 14px !important; | |
| 2919 | - margin: 0 !important; | |
| 2920 | - border-radius: 0 !important; | |
| 2921 | - transition: color 0.15s ease, border-color 0.15s ease; | |
| 2922 | - cursor: pointer; | |
| 2923 | - float: none !important; | |
| 2924 | - height: auto !important; | |
| 2925 | - box-shadow: none !important; | |
| 2926 | - top: 0 !important; | |
| 2927 | -} | |
| 2928 | -.bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor:hover { | |
| 2929 | - color: var(--black_700) !important; | |
| 2930 | -} | |
| 2931 | -.bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor.switch-tmce[aria-pressed=true], .bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor.switch-tmce:focus, .bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor.switch-html[aria-pressed=true], .bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor.switch-html:focus { | |
| 2932 | - color: var(--bbpc_brand_color) !important; | |
| 2933 | - border-bottom-color: var(--bbpc_brand_color) !important; | |
| 2934 | - background: transparent !important; | |
| 2935 | -} | |
| 2936 | -.bbp-reply-form .bbp-the-content-wrapper { | |
| 2937 | - /* ------ Toolbar container ------ */ | |
| 2938 | -} | |
| 2939 | -.bbp-reply-form .bbp-the-content-wrapper .wp-editor-container { | |
| 2940 | - border: none !important; | |
| 2941 | - box-shadow: none !important; | |
| 2942 | - clear: none !important; | |
| 2943 | -} | |
| 2944 | -.bbp-reply-form .bbp-the-content-wrapper .wp-editor-container:hover { | |
| 2945 | - border: none !important; | |
| 2946 | - box-shadow: none !important; | |
| 2947 | -} | |
| 2948 | -.bbp-reply-form .bbp-the-content-wrapper { | |
| 2949 | - /* ------ Quicktags (Code view toolbar) — hidden by default, only shown in HTML/Code mode ------ */ | |
| 2950 | -} | |
| 2951 | -.bbp-reply-form .bbp-the-content-wrapper .quicktags-toolbar { | |
| 2952 | - display: none !important; | |
| 2953 | - height: 0 !important; | |
| 2954 | - padding: 0 !important; | |
| 2955 | - margin: 0 !important; | |
| 2956 | - overflow: hidden !important; | |
| 2957 | - border: none !important; | |
| 2958 | -} | |
| 2959 | -.bbp-reply-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar { | |
| 2960 | - display: flex !important; | |
| 2961 | - height: auto !important; | |
| 2962 | - flex-wrap: wrap !important; | |
| 2963 | - gap: 4px !important; | |
| 2964 | - background: var(--black_25) !important; | |
| 2965 | - border-top: none !important; | |
| 2966 | - border-bottom: 1px solid var(--black_75) !important; | |
| 2967 | - border-left: none !important; | |
| 2968 | - border-right: none !important; | |
| 2969 | - padding: 8px 14px !important; | |
| 2970 | - width: 100% !important; | |
| 2971 | - box-sizing: border-box !important; | |
| 2972 | -} | |
| 2973 | -.bbp-reply-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar .ed_button { | |
| 2974 | - all: unset; | |
| 2975 | - display: inline-flex !important; | |
| 2976 | - align-items: center !important; | |
| 2977 | - justify-content: center !important; | |
| 2978 | - background: transparent !important; | |
| 2979 | - border: none !important; | |
| 2980 | - color: var(--black_500) !important; | |
| 2981 | - height: 32px !important; | |
| 2982 | - min-width: 32px !important; | |
| 2983 | - font-family: "Inter", sans-serif !important; | |
| 2984 | - font-size: 13px !important; | |
| 2985 | - font-weight: 600 !important; | |
| 2986 | - border-radius: 6px !important; | |
| 2987 | - cursor: pointer; | |
| 2988 | - text-align: center; | |
| 2989 | - transition: background 0.15s ease, color 0.15s ease; | |
| 2990 | - padding: 0 6px !important; | |
| 2991 | - box-shadow: none !important; | |
| 2992 | -} | |
| 2993 | -.bbp-reply-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar .ed_button:hover { | |
| 2994 | - background: var(--black_75) !important; | |
| 2995 | - color: var(--black_800) !important; | |
| 2996 | -} | |
| 2997 | -.bbp-reply-form .bbp-the-content-wrapper { | |
| 2998 | - /* ------ TinyMCE Visual editor toolbar ------ */ | |
| 2999 | -} | |
| 3000 | -.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce { | |
| 3001 | - border: none !important; | |
| 3002 | - box-shadow: none !important; | |
| 3003 | -} | |
| 3004 | -.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp, | |
| 3005 | -.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp { | |
| 3006 | - background: var(--black_25) !important; | |
| 3007 | - background-color: var(--black_25) !important; | |
| 3008 | - border-bottom: 1px solid var(--black_75) !important; | |
| 3009 | - border-top: none !important; | |
| 3010 | - border-left: none !important; | |
| 3011 | - border-right: none !important; | |
| 3012 | - padding: 6px 10px !important; | |
| 3013 | -} | |
| 3014 | -.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group, | |
| 3015 | -.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group { | |
| 3016 | - padding: 0 2px; | |
| 3017 | - border: none !important; | |
| 3018 | - background: transparent !important; | |
| 3019 | - box-shadow: none !important; | |
| 3020 | - margin: 0 !important; | |
| 3021 | - /* Subtle vertical dividers between groups */ | |
| 3022 | -} | |
| 3023 | -.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group::after, | |
| 3024 | -.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group::after { | |
| 3025 | - content: ""; | |
| 3026 | - display: inline-block; | |
| 3027 | - vertical-align: middle; | |
| 3028 | - width: 1px; | |
| 3029 | - height: 18px; | |
| 3030 | - background: var(--black_150); | |
| 3031 | - margin: 0 4px; | |
| 3032 | -} | |
| 3033 | -.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group:last-child::after, | |
| 3034 | -.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group:last-child::after { | |
| 3035 | - display: none; | |
| 3036 | -} | |
| 3037 | -.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn, | |
| 3038 | -.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn { | |
| 3039 | - background: transparent !important; | |
| 3040 | - border: none !important; | |
| 3041 | - box-shadow: none !important; | |
| 3042 | - border-radius: 5px !important; | |
| 3043 | - transition: background 0.15s ease; | |
| 3044 | - margin: 0 !important; | |
| 3045 | -} | |
| 3046 | -.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn button, | |
| 3047 | -.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn button { | |
| 3048 | - padding: 5px 7px !important; | |
| 3049 | - color: var(--black_500); | |
| 3050 | -} | |
| 3051 | -.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn:hover, | |
| 3052 | -.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn:hover { | |
| 3053 | - background: var(--black_75) !important; | |
| 3054 | -} | |
| 3055 | -.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn:hover button, | |
| 3056 | -.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn:hover button { | |
| 3057 | - color: var(--black_800); | |
| 3058 | -} | |
| 3059 | -.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active, | |
| 3060 | -.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active { | |
| 3061 | - background: color-mix(in srgb, var(--bbpc_brand_color) 10%, transparent) !important; | |
| 3062 | -} | |
| 3063 | -.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active button, | |
| 3064 | -.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active button { | |
| 3065 | - color: var(--bbpc_brand_color); | |
| 3066 | -} | |
| 3067 | -.bbp-reply-form .bbp-the-content-wrapper { | |
| 3068 | - /* ------ Textarea / iframe area ------ */ | |
| 3069 | -} | |
| 3070 | -.bbp-reply-form .bbp-the-content-wrapper .mce-edit-area { | |
| 3071 | - border: none !important; | |
| 3072 | -} | |
| 3073 | -.bbp-reply-form .bbp-the-content-wrapper .mce-edit-area iframe { | |
| 3074 | - min-height: 160px !important; | |
| 3075 | - background: #fff !important; | |
| 3076 | -} | |
| 3077 | -.bbp-reply-form .bbp-the-content-wrapper textarea { | |
| 3078 | - min-height: 160px !important; | |
| 3079 | - padding: 14px 18px !important; | |
| 3080 | - font-size: 14px; | |
| 3081 | - line-height: 1.6; | |
| 3082 | - resize: vertical; | |
| 3083 | - border: none !important; | |
| 3084 | - outline: none !important; | |
| 3085 | - background: #fff !important; | |
| 3086 | - color: var(--black_800); | |
| 3087 | -} | |
| 3088 | -.bbp-reply-form .bbp-the-content-wrapper textarea::placeholder { | |
| 3089 | - color: var(--black_400); | |
| 3090 | - font-weight: 400; | |
| 3091 | -} | |
| 3092 | -.bbp-reply-form { | |
| 3093 | 2923 | /* ----- Tags field (chip-based input) ----- */ |
| 3094 | 2924 | } |
| 3095 | 2925 | .bbp-reply-form .frmx-tags-field { |
| 3096 | 2926 | width: 100% !important; |
| @@ -3183,8 +3013,12 @@ | ||
| 3183 | 3013 | min-height: auto !important; |
| 3184 | 3014 | color: var(--black_800) !important; |
| 3185 | 3015 | width: auto !important; |
| 3186 | 3016 | } |
| 3017 | +.bbp-reply-form .frmx-tags-field .frmx-tags-input::-moz-placeholder { | |
| 3018 | + color: var(--black_400); | |
| 3019 | + font-weight: 400; | |
| 3020 | +} | |
| 3187 | 3021 | .bbp-reply-form .frmx-tags-field .frmx-tags-input::placeholder { |
| 3188 | 3022 | color: var(--black_400); |
| 3189 | 3023 | font-weight: 400; |
| 3190 | 3024 | } |
| @@ -3458,9 +3292,10 @@ | ||
| 3458 | 3292 | .bbp-reply-form .bbp-submit-wrapper a:not(#bbp-cancel-reply-to-link):hover { |
| 3459 | 3293 | color: var(--bbpc_brand_color); |
| 3460 | 3294 | } |
| 3461 | 3295 | .bbp-reply-form .bbp-submit-wrapper .frmx-cancel-divider { |
| 3462 | - display: none; /* Not needed – Cancel sits next to Post Reply */ | |
| 3296 | + display: none; | |
| 3297 | + /* Not needed – Cancel sits next to Post Reply */ | |
| 3463 | 3298 | } |
| 3464 | 3299 | .bbp-reply-form .bbp-submit-wrapper .submit, |
| 3465 | 3300 | .bbp-reply-form .bbp-submit-wrapper .fill-brand { |
| 3466 | 3301 | margin: 0 !important; |
| @@ -3774,8 +3609,277 @@ | ||
| 3774 | 3609 | textarea { |
| 3775 | 3610 | width: 100%; |
| 3776 | 3611 | } |
| 3777 | 3612 | |
| 3613 | +/* ============================================================ | |
| 3614 | + Editor wrapper — shared between reply form and topic form | |
| 3615 | + ============================================================ */ | |
| 3616 | +.bbp-reply-form .bbp-the-content-wrapper, | |
| 3617 | +.bbp-topic-form .bbp-the-content-wrapper { | |
| 3618 | + margin: 0 !important; | |
| 3619 | + padding: 0 !important; | |
| 3620 | + border-radius: 10px; | |
| 3621 | + border: 1px solid var(--black_100); | |
| 3622 | + overflow: hidden; | |
| 3623 | + background: var(--bs-white); | |
| 3624 | + transition: border-color 0.15s ease, box-shadow 0.15s ease; | |
| 3625 | +} | |
| 3626 | +.bbp-reply-form .bbp-the-content-wrapper:focus-within, | |
| 3627 | +.bbp-topic-form .bbp-the-content-wrapper:focus-within { | |
| 3628 | + border-color: var(--bbpc_brand_color); | |
| 3629 | + box-shadow: 0 0 0 3px rgba(76, 76, 241, 0.08); | |
| 3630 | +} | |
| 3631 | +.bbp-reply-form .bbp-the-content-wrapper, | |
| 3632 | +.bbp-topic-form .bbp-the-content-wrapper { | |
| 3633 | + /* ------ wp-editor-wrap – reset WP layout ------ */ | |
| 3634 | +} | |
| 3635 | +.bbp-reply-form .bbp-the-content-wrapper .wp-editor-wrap, | |
| 3636 | +.bbp-topic-form .bbp-the-content-wrapper .wp-editor-wrap { | |
| 3637 | + overflow: hidden; | |
| 3638 | + /* clear floats */ | |
| 3639 | +} | |
| 3640 | +.bbp-reply-form .bbp-the-content-wrapper, | |
| 3641 | +.bbp-topic-form .bbp-the-content-wrapper { | |
| 3642 | + /* ------ Editor tab bar (Visual / Code) ------ */ | |
| 3643 | +} | |
| 3644 | +.bbp-reply-form .bbp-the-content-wrapper .wp-editor-tabs, | |
| 3645 | +.bbp-topic-form .bbp-the-content-wrapper .wp-editor-tabs { | |
| 3646 | + display: flex !important; | |
| 3647 | + float: none !important; | |
| 3648 | + /* Override WP core float: right */ | |
| 3649 | + background: transparent !important; | |
| 3650 | + border-bottom: 1px solid var(--black_100) !important; | |
| 3651 | + padding: 0 4px !important; | |
| 3652 | + gap: 0 !important; | |
| 3653 | + justify-content: flex-start !important; | |
| 3654 | + width: auto !important; | |
| 3655 | +} | |
| 3656 | +.bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor, | |
| 3657 | +.bbp-topic-form .bbp-the-content-wrapper .wp-switch-editor { | |
| 3658 | + border: none !important; | |
| 3659 | + border-bottom: 2px solid transparent !important; | |
| 3660 | + background: transparent !important; | |
| 3661 | + color: var(--black_400) !important; | |
| 3662 | + font-size: 13px !important; | |
| 3663 | + font-weight: 600 !important; | |
| 3664 | + padding: 10px 14px !important; | |
| 3665 | + margin: 0 !important; | |
| 3666 | + border-radius: 0 !important; | |
| 3667 | + transition: color 0.15s ease, border-color 0.15s ease; | |
| 3668 | + cursor: pointer; | |
| 3669 | + float: none !important; | |
| 3670 | + height: auto !important; | |
| 3671 | + box-shadow: none !important; | |
| 3672 | + top: 0 !important; | |
| 3673 | +} | |
| 3674 | +.bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor:hover, | |
| 3675 | +.bbp-topic-form .bbp-the-content-wrapper .wp-switch-editor:hover { | |
| 3676 | + color: var(--black_700) !important; | |
| 3677 | +} | |
| 3678 | +.bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor.switch-tmce[aria-pressed=true], .bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor.switch-tmce:focus, .bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor.switch-html[aria-pressed=true], .bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor.switch-html:focus, | |
| 3679 | +.bbp-topic-form .bbp-the-content-wrapper .wp-switch-editor.switch-tmce[aria-pressed=true], | |
| 3680 | +.bbp-topic-form .bbp-the-content-wrapper .wp-switch-editor.switch-tmce:focus, | |
| 3681 | +.bbp-topic-form .bbp-the-content-wrapper .wp-switch-editor.switch-html[aria-pressed=true], | |
| 3682 | +.bbp-topic-form .bbp-the-content-wrapper .wp-switch-editor.switch-html:focus { | |
| 3683 | + color: var(--bbpc_brand_color) !important; | |
| 3684 | + border-bottom-color: var(--bbpc_brand_color) !important; | |
| 3685 | + background: transparent !important; | |
| 3686 | +} | |
| 3687 | +.bbp-reply-form .bbp-the-content-wrapper, | |
| 3688 | +.bbp-topic-form .bbp-the-content-wrapper { | |
| 3689 | + /* ------ Toolbar container ------ */ | |
| 3690 | +} | |
| 3691 | +.bbp-reply-form .bbp-the-content-wrapper .wp-editor-container, | |
| 3692 | +.bbp-topic-form .bbp-the-content-wrapper .wp-editor-container { | |
| 3693 | + border: none !important; | |
| 3694 | + box-shadow: none !important; | |
| 3695 | + clear: none !important; | |
| 3696 | +} | |
| 3697 | +.bbp-reply-form .bbp-the-content-wrapper .wp-editor-container:hover, | |
| 3698 | +.bbp-topic-form .bbp-the-content-wrapper .wp-editor-container:hover { | |
| 3699 | + border: none !important; | |
| 3700 | + box-shadow: none !important; | |
| 3701 | +} | |
| 3702 | +.bbp-reply-form .bbp-the-content-wrapper, | |
| 3703 | +.bbp-topic-form .bbp-the-content-wrapper { | |
| 3704 | + /* ------ Quicktags (Code view toolbar) — hidden by default, only shown in HTML/Code mode ------ */ | |
| 3705 | +} | |
| 3706 | +.bbp-reply-form .bbp-the-content-wrapper .quicktags-toolbar, | |
| 3707 | +.bbp-topic-form .bbp-the-content-wrapper .quicktags-toolbar { | |
| 3708 | + display: none !important; | |
| 3709 | + height: 0 !important; | |
| 3710 | + padding: 0 !important; | |
| 3711 | + margin: 0 !important; | |
| 3712 | + overflow: hidden !important; | |
| 3713 | + border: none !important; | |
| 3714 | +} | |
| 3715 | +.bbp-reply-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar, | |
| 3716 | +.bbp-topic-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar { | |
| 3717 | + display: flex !important; | |
| 3718 | + height: auto !important; | |
| 3719 | + flex-wrap: wrap !important; | |
| 3720 | + gap: 4px !important; | |
| 3721 | + background: var(--black_25) !important; | |
| 3722 | + border-top: none !important; | |
| 3723 | + border-bottom: 1px solid var(--black_75) !important; | |
| 3724 | + border-left: none !important; | |
| 3725 | + border-right: none !important; | |
| 3726 | + padding: 8px 14px !important; | |
| 3727 | + width: 100% !important; | |
| 3728 | + box-sizing: border-box !important; | |
| 3729 | +} | |
| 3730 | +.bbp-reply-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar .ed_button, | |
| 3731 | +.bbp-topic-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar .ed_button { | |
| 3732 | + all: unset; | |
| 3733 | + display: inline-flex !important; | |
| 3734 | + align-items: center !important; | |
| 3735 | + justify-content: center !important; | |
| 3736 | + background: transparent !important; | |
| 3737 | + border: none !important; | |
| 3738 | + color: var(--black_500) !important; | |
| 3739 | + height: 32px !important; | |
| 3740 | + min-width: 32px !important; | |
| 3741 | + font-family: "Inter", sans-serif !important; | |
| 3742 | + font-size: 13px !important; | |
| 3743 | + font-weight: 600 !important; | |
| 3744 | + border-radius: 6px !important; | |
| 3745 | + cursor: pointer; | |
| 3746 | + text-align: center; | |
| 3747 | + transition: background 0.15s ease, color 0.15s ease; | |
| 3748 | + padding: 0 6px !important; | |
| 3749 | + box-shadow: none !important; | |
| 3750 | +} | |
| 3751 | +.bbp-reply-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar .ed_button:hover, | |
| 3752 | +.bbp-topic-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar .ed_button:hover { | |
| 3753 | + background: var(--black_75) !important; | |
| 3754 | + color: var(--black_800) !important; | |
| 3755 | +} | |
| 3756 | +.bbp-reply-form .bbp-the-content-wrapper, | |
| 3757 | +.bbp-topic-form .bbp-the-content-wrapper { | |
| 3758 | + /* ------ TinyMCE Visual editor toolbar ------ */ | |
| 3759 | +} | |
| 3760 | +.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce, | |
| 3761 | +.bbp-topic-form .bbp-the-content-wrapper .mce-tinymce { | |
| 3762 | + border: none !important; | |
| 3763 | + box-shadow: none !important; | |
| 3764 | +} | |
| 3765 | +.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp, | |
| 3766 | +.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp, | |
| 3767 | +.bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp, | |
| 3768 | +.bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp { | |
| 3769 | + background: var(--black_25) !important; | |
| 3770 | + background-color: var(--black_25) !important; | |
| 3771 | + border-bottom: 1px solid var(--black_75) !important; | |
| 3772 | + border-top: none !important; | |
| 3773 | + border-left: none !important; | |
| 3774 | + border-right: none !important; | |
| 3775 | + padding: 6px 10px !important; | |
| 3776 | +} | |
| 3777 | +.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group, | |
| 3778 | +.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group, | |
| 3779 | +.bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group, | |
| 3780 | +.bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group { | |
| 3781 | + padding: 0 2px; | |
| 3782 | + border: none !important; | |
| 3783 | + background: transparent !important; | |
| 3784 | + box-shadow: none !important; | |
| 3785 | + margin: 0 !important; | |
| 3786 | +} | |
| 3787 | +.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group::after, | |
| 3788 | +.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group::after, | |
| 3789 | +.bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group::after, | |
| 3790 | +.bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group::after { | |
| 3791 | + content: ""; | |
| 3792 | + display: inline-block; | |
| 3793 | + vertical-align: middle; | |
| 3794 | + width: 1px; | |
| 3795 | + height: 18px; | |
| 3796 | + background: var(--black_150); | |
| 3797 | + margin: 0 4px; | |
| 3798 | +} | |
| 3799 | +.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group:last-child::after, | |
| 3800 | +.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group:last-child::after, | |
| 3801 | +.bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group:last-child::after, | |
| 3802 | +.bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group:last-child::after { | |
| 3803 | + display: none; | |
| 3804 | +} | |
| 3805 | +.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn, | |
| 3806 | +.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn, | |
| 3807 | +.bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn, | |
| 3808 | +.bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn { | |
| 3809 | + background: transparent !important; | |
| 3810 | + border: none !important; | |
| 3811 | + box-shadow: none !important; | |
| 3812 | + border-radius: 5px !important; | |
| 3813 | + transition: background 0.15s ease; | |
| 3814 | + margin: 0 !important; | |
| 3815 | +} | |
| 3816 | +.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn button, | |
| 3817 | +.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn button, | |
| 3818 | +.bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn button, | |
| 3819 | +.bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn button { | |
| 3820 | + padding: 5px 7px !important; | |
| 3821 | + color: var(--black_500); | |
| 3822 | +} | |
| 3823 | +.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn:hover, | |
| 3824 | +.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn:hover, | |
| 3825 | +.bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn:hover, | |
| 3826 | +.bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn:hover { | |
| 3827 | + background: var(--black_75) !important; | |
| 3828 | +} | |
| 3829 | +.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn:hover button, | |
| 3830 | +.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn:hover button, | |
| 3831 | +.bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn:hover button, | |
| 3832 | +.bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn:hover button { | |
| 3833 | + color: var(--black_800); | |
| 3834 | +} | |
| 3835 | +.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active, | |
| 3836 | +.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active, | |
| 3837 | +.bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active, | |
| 3838 | +.bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active { | |
| 3839 | + background: color-mix(in srgb, var(--bbpc_brand_color) 10%, transparent) !important; | |
| 3840 | +} | |
| 3841 | +.bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active button, | |
| 3842 | +.bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active button, | |
| 3843 | +.bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active button, | |
| 3844 | +.bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active button { | |
| 3845 | + color: var(--bbpc_brand_color); | |
| 3846 | +} | |
| 3847 | +.bbp-reply-form .bbp-the-content-wrapper, | |
| 3848 | +.bbp-topic-form .bbp-the-content-wrapper { | |
| 3849 | + /* ------ Textarea / iframe area ------ */ | |
| 3850 | +} | |
| 3851 | +.bbp-reply-form .bbp-the-content-wrapper .mce-edit-area, | |
| 3852 | +.bbp-topic-form .bbp-the-content-wrapper .mce-edit-area { | |
| 3853 | + border: none !important; | |
| 3854 | +} | |
| 3855 | +.bbp-reply-form .bbp-the-content-wrapper .mce-edit-area iframe, | |
| 3856 | +.bbp-topic-form .bbp-the-content-wrapper .mce-edit-area iframe { | |
| 3857 | + min-height: 160px !important; | |
| 3858 | + background: var(--bs-white) !important; | |
| 3859 | +} | |
| 3860 | +.bbp-reply-form .bbp-the-content-wrapper textarea, | |
| 3861 | +.bbp-topic-form .bbp-the-content-wrapper textarea { | |
| 3862 | + min-height: 160px !important; | |
| 3863 | + padding: 14px 18px !important; | |
| 3864 | + font-size: 14px; | |
| 3865 | + line-height: 1.6; | |
| 3866 | + resize: vertical; | |
| 3867 | + border: none !important; | |
| 3868 | + outline: none !important; | |
| 3869 | + background: var(--bs-white) !important; | |
| 3870 | + color: var(--black_800); | |
| 3871 | +} | |
| 3872 | +.bbp-reply-form .bbp-the-content-wrapper textarea::-moz-placeholder, .bbp-topic-form .bbp-the-content-wrapper textarea::-moz-placeholder { | |
| 3873 | + color: var(--black_400); | |
| 3874 | + font-weight: 400; | |
| 3875 | +} | |
| 3876 | +.bbp-reply-form .bbp-the-content-wrapper textarea::placeholder, | |
| 3877 | +.bbp-topic-form .bbp-the-content-wrapper textarea::placeholder { | |
| 3878 | + color: var(--black_400); | |
| 3879 | + font-weight: 400; | |
| 3880 | +} | |
| 3881 | + | |
| 3778 | 3882 | .bbp-topic-form { |
| 3779 | 3883 | background: var(--bs-white); |
| 3780 | 3884 | padding: 55px; |
| 3781 | 3885 | border-radius: 10px; |
| @@ -3793,8 +3897,17 @@ | ||
| 3793 | 3897 | } |
| 3794 | 3898 | .frmx-nice-select .list { |
| 3795 | 3899 | background-color: var(--bs-white) !important; |
| 3796 | 3900 | } |
| 3901 | +.frmx-nice-select .list .option { | |
| 3902 | + color: var(--black_600) !important; | |
| 3903 | +} | |
| 3904 | +.frmx-nice-select .list .option:hover, .frmx-nice-select .list .option.focus, .frmx-nice-select .list .option.selected.focus { | |
| 3905 | + background-color: var(--black_25) !important; | |
| 3906 | +} | |
| 3907 | +body.body_dark .frmx-nice-select .list { | |
| 3908 | + border: 1px solid #3b3b3b !important; | |
| 3909 | +} | |
| 3797 | 3910 | |
| 3798 | 3911 | /* Global quicktags — only for non-reply-form contexts (e.g. topic form) */ |
| 3799 | 3912 | .quicktags-toolbar:not(.bbp-reply-form .quicktags-toolbar):not(.frmx-inline-edit-content .quicktags-toolbar) { |
| 3800 | 3913 | display: flex; |
| @@ -3809,9 +3922,9 @@ | ||
| 3809 | 3922 | all: unset; |
| 3810 | 3923 | display: inline-flex; |
| 3811 | 3924 | align-items: center; |
| 3812 | 3925 | justify-content: center; |
| 3813 | - background: #ffffff; | |
| 3926 | + background: var(--bs-white, #ffffff); | |
| 3814 | 3927 | border: 1px solid #2271b1; |
| 3815 | 3928 | color: #2271b1; |
| 3816 | 3929 | height: auto; |
| 3817 | 3930 | min-width: 28px; |
| @@ -3880,8 +3993,9 @@ | ||
| 3880 | 3993 | gap: 8px; |
| 3881 | 3994 | text-decoration: none !important; |
| 3882 | 3995 | cursor: pointer; |
| 3883 | 3996 | font-size: 16px; |
| 3997 | + width: -moz-max-content; | |
| 3884 | 3998 | width: max-content; |
| 3885 | 3999 | } |
| 3886 | 4000 | |
| 3887 | 4001 | .forumax-share-btn:hover { |
| @@ -4317,9 +4431,10 @@ | ||
| 4317 | 4431 | .frmx-avatar-preview img { |
| 4318 | 4432 | width: 96px !important; |
| 4319 | 4433 | height: 96px !important; |
| 4320 | 4434 | border-radius: 50% !important; |
| 4321 | - object-fit: cover; | |
| 4435 | + -o-object-fit: cover; | |
| 4436 | + object-fit: cover; | |
| 4322 | 4437 | border: 2px solid var(--black_75, #e0e4e8); |
| 4323 | 4438 | transition: opacity 0.3s ease; |
| 4324 | 4439 | display: block; |
| 4325 | 4440 | } |
| @@ -4386,9 +4501,11 @@ | ||
| 4386 | 4501 | font-weight: 500; |
| 4387 | 4502 | font-family: "Roboto", sans-serif; |
| 4388 | 4503 | cursor: pointer; |
| 4389 | 4504 | transition: background 0.25s ease, box-shadow 0.25s ease; |
| 4505 | + width: -moz-fit-content !important; | |
| 4390 | 4506 | width: fit-content !important; |
| 4507 | + max-width: -moz-fit-content !important; | |
| 4391 | 4508 | max-width: fit-content !important; |
| 4392 | 4509 | line-height: 1.4; |
| 4393 | 4510 | } |
| 4394 | 4511 | .frmx-avatar-upload-btn:hover { |
| @@ -4417,8 +4534,9 @@ | ||
| 4417 | 4534 | font-weight: 500; |
| 4418 | 4535 | padding: 6px 12px; |
| 4419 | 4536 | border-radius: 4px; |
| 4420 | 4537 | margin-top: 2px; |
| 4538 | + width: -moz-fit-content; | |
| 4421 | 4539 | width: fit-content; |
| 4422 | 4540 | } |
| 4423 | 4541 | .frmx-avatar-status.frmx-status-success { |
| 4424 | 4542 | background: #d4edda; |
| @@ -4553,12 +4671,8 @@ | ||
| 4553 | 4671 | border-radius: 0; |
| 4554 | 4672 | background: transparent; |
| 4555 | 4673 | transition: color 0.2s ease, text-decoration-color 0.2s ease; |
| 4556 | 4674 | } |
| 4557 | -.frmx-nested-reply-action a:hover { | |
| 4558 | - color: var(--bbpc_brand_color, #4c4cf1); | |
| 4559 | - text-decoration: underline !important; | |
| 4560 | -} | |
| 4561 | 4675 | .frmx-nested-reply-action a svg { |
| 4562 | 4676 | flex-shrink: 0; |
| 4563 | 4677 | } |
| 4564 | 4678 | |
| @@ -4743,4 +4857,38 @@ | ||
| 4743 | 4857 | .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .bbp-admin-links-dropdown .frmx-nice-select .list, |
| 4744 | 4858 | .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .forumax-reaction-popup { |
| 4745 | 4859 | z-index: 1000; |
| 4746 | 4860 | } |
| 4861 | + | |
| 4862 | +/* ─── Modern Reply Button Hover Style ─── */ | |
| 4863 | +a.bbp-reply-to-link { | |
| 4864 | + display: inline-flex; | |
| 4865 | + align-items: center; | |
| 4866 | + justify-content: center; | |
| 4867 | + gap: 6px; | |
| 4868 | + padding: 6px 14px; | |
| 4869 | + font-size: 14px; | |
| 4870 | + font-weight: 500; | |
| 4871 | + color: var(--black_700, #374151); | |
| 4872 | + background: transparent; | |
| 4873 | + border: 1px solid var(--black_100, #e5e7eb); | |
| 4874 | + border-radius: 6px; | |
| 4875 | + text-decoration: none; | |
| 4876 | + transition: all 0.2s ease; | |
| 4877 | + line-height: 1.5; | |
| 4878 | +} | |
| 4879 | +a.bbp-reply-to-link:hover, a.bbp-reply-to-link:focus { | |
| 4880 | + background: var(--bbpc_brand_color_light, rgba(79, 70, 229, 0.06)); | |
| 4881 | + border-color: var(--bbpc_brand_color_border, rgba(79, 70, 229, 0.15)); | |
| 4882 | + color: var(--bbpc_brand_color, #4f46e5); | |
| 4883 | +} | |
| 4884 | +a.bbp-reply-to-link:hover svg, | |
| 4885 | +a.bbp-reply-to-link:hover i, | |
| 4886 | +a.bbp-reply-to-link:hover path, a.bbp-reply-to-link:focus svg, | |
| 4887 | +a.bbp-reply-to-link:focus i, | |
| 4888 | +a.bbp-reply-to-link:focus path { | |
| 4889 | + color: var(--bbpc_brand_color, #4f46e5); | |
| 4890 | +} | |
| 4891 | +a.bbp-reply-to-link svg, | |
| 4892 | +a.bbp-reply-to-link i { | |
| 4893 | + transition: all 0.2s ease; | |
| 4894 | +} | |
