PluginProbe
Forumax – AI Powered Advanced Community Forum Plugin / 2.5.0
Forumax – AI Powered Advanced Community Forum Plugin v2.5.0
2.5.0 2.4.4 2.4.3 2.4.2 2.4.1 2.4.0 trunk 1.0.8 1.1.0 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.3.3 1.4.0 1.4.1 2.0.0 All 30 releases
← All changes | assets/frontend/css/el-widgets.css +222 -158 2.4.1 → 2.5.0 View file →
@@ -3399,8 +3399,9 @@
3399 3399 .community-post .post-content {
3400 3400 display: flex;
3401 3401 align-items: center;
3402 3402 flex-wrap: wrap;
3403 + gap: 16px;
3403 3404 }
3404 3405 .community-post .post-content .author-avatar {
3405 3406 border-radius: 50%;
3406 3407 overflow: hidden;
@@ -3432,9 +3433,9 @@
3432 3433 }
3433 3434 }
3434 3435 .community-post .post-content .author-avatar.forum-icon {
3435 3436 border-radius: 0;
3436 - margin-right: 0 !important;
3437 + margin-right: 0;
3437 3438 }
3438 3439 .community-post .post-content .author-avatar.forum-icon img {
3439 3440 padding: 2px;
3440 3441 }
@@ -3699,25 +3700,8 @@
3699 3700 opacity: 0;
3700 3701 transition: opacity 0.2s ease, transform 0.2s ease;
3701 3702 }
3702 3703
3703 -body.body_dark .bbpc-hc-wrap .bbpc-hc-grid {
3704 - background: #2a2a2a;
3705 - border-color: #2a2a2a;
3706 -}
3707 -body.body_dark .bbpc-hc-wrap .bbpc-hc-card {
3708 - background: #1a1a1a;
3709 -}
3710 -body.body_dark .bbpc-hc-wrap .bbpc-hc-card:hover {
3711 - background: #222;
3712 -}
3713 -body.body_dark .bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-title {
3714 - color: #fff;
3715 -}
3716 -body.body_dark .bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-desc {
3717 - color: var(--black_400);
3718 -}
3719 -
3720 3704 .communities-boxes {
3721 3705 display: flex;
3722 3706 flex-wrap: wrap;
3723 3707 margin: 0 -30px;
@@ -3861,33 +3845,8 @@
3861 3845 .more-communities .forumax-collapse-btn-wrap.active .icon_minus {
3862 3846 display: initial;
3863 3847 }
3864 3848
3865 -body.body_dark .communities-boxes .com-box .com-box-content .title a {
3866 - color: #fff;
3867 -}
3868 -body.body_dark .communities-boxes .com-box .com-box-content .title a:hover {
3869 - color: var(--bbpc_brand_color);
3870 -}
3871 -body.body_dark .communities-boxes .com-box .com-box-content .total-post {
3872 - color: #8b8b8b;
3873 -}
3874 -body.body_dark .more-communities {
3875 - border-color: #272727;
3876 -}
3877 -body.body_dark .single-forum-post-widget .post-info div {
3878 - color: #848d95;
3879 -}
3880 -body.body_dark .single-forum-post-widget .post-info .post-category a {
3881 - color: #848d95;
3882 -}
3883 -body.body_dark .single-forum-post-widget .post-info .post-category a:hover {
3884 - color: var(--bbpc_brand_color);
3885 -}
3886 -body.body_dark .community-area .nav-tabs .nav-item button.active {
3887 - color: #fff;
3888 -}
3889 -
3890 3849 /** === Widgets === **/
3891 3850 .widget_display_stats dl dt {
3892 3851 float: left;
3893 3852 clear: left;
@@ -4301,12 +4260,8 @@
4301 4260 color: var(--bbpc_brand_color);
4302 4261 text-decoration: none;
4303 4262 }
4304 4263
4305 -body.body_dark .forum-post-widget .post-filter-widget .single-filter-item svg, body.body_dark .forum-post-widget .post-filter-widget .single-filter-item path {
4306 - fill: darkgrey;
4307 -}
4308 -
4309 4264 #aj-post-filter-widget svg circle.bbpc-preloader {
4310 4265 stroke: var(--bbpc_brand_color) !important;
4311 4266 }
4312 4267
@@ -4419,34 +4374,44 @@
4419 4374 /** === Doc search form result === **/
4420 4375 .bbpc-search-result-container {
4421 4376 position: absolute;
4422 4377 width: 100%;
4378 + left: 0;
4379 + right: 0;
4423 4380 background: var(--bs-white);
4424 4381 font-size: 14px;
4425 4382 font-weight: 400;
4426 4383 display: none;
4427 4384 transition: all 0.4s;
4428 - margin-top: 2px;
4429 - border: 1px solid var(--black_50);
4430 - border-radius: 4px;
4385 + margin-top: 0;
4386 + border: none;
4387 + border-radius: 10px;
4431 4388 box-shadow: 0 3px 4px 0 rgba(4, 73, 89, 0.06);
4432 - padding: 20px 25px;
4433 - top: 45px;
4389 + padding: 0;
4390 + /* Anchored to the bottom of the 48px input pill so the keyword chips below
4391 + never push the panel down. */
4392 + top: 48px;
4434 4393 overflow-y: auto;
4435 - max-height: 90vh;
4394 + max-height: 100vh;
4395 + z-index: 99;
4396 + /* Slim custom scrollbar. */
4397 + scrollbar-width: thin;
4398 + scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
4436 4399 }
4437 -.bbpc-search-result-container::before {
4438 - content: "";
4439 - width: 12px;
4440 - height: 12px;
4441 - background: var(--bs-white);
4442 - position: absolute;
4443 - top: -6px;
4444 - transform: rotate(45deg);
4445 - left: 40px;
4446 - border-left: 1px solid var(--black_50);
4447 - border-top: 1px solid var(--black_50);
4400 +.bbpc-search-result-container::-webkit-scrollbar {
4401 + width: 8px;
4448 4402 }
4403 +.bbpc-search-result-container::-webkit-scrollbar-track {
4404 + background: transparent;
4405 + border-radius: 10px;
4406 +}
4407 +.bbpc-search-result-container::-webkit-scrollbar-thumb {
4408 + background: rgba(0, 0, 0, 0.2);
4409 + border-radius: 10px;
4410 +}
4411 +.bbpc-search-result-container::-webkit-scrollbar-thumb:hover {
4412 + background: rgba(0, 0, 0, 0.3);
4413 +}
4449 4414 .bbpc-search-result-container .searchbar-tabs {
4450 4415 padding: 0 10px 15px 0;
4451 4416 }
4452 4417 .bbpc-search-result-container a {
@@ -4454,17 +4419,180 @@
4454 4419 }
4455 4420 .bbpc-search-result-container.ajax-search {
4456 4421 display: block;
4457 4422 }
4458 -.bbpc-search-result-container .not-found-text,
4423 +.bbpc-search-result-container {
4424 + /* Result type tabs (All / Forums / Topics / Replies). */
4425 +}
4426 +.bbpc-search-result-container .bbpc-result-tabs {
4427 + display: flex;
4428 + align-items: center;
4429 + flex-wrap: wrap;
4430 + gap: 2px;
4431 + padding: 8px 10px;
4432 + border-bottom: 1px solid var(--black_50);
4433 +}
4434 +.bbpc-search-result-container .bbpc-result-tabs .bbpc-tab {
4435 + background: transparent;
4436 + border: none;
4437 + padding: 5px 14px;
4438 + border-radius: 20px;
4439 + font-size: 13px;
4440 + font-weight: 500;
4441 + color: #5f6368;
4442 + cursor: pointer;
4443 + transition: background 0.15s, color 0.15s;
4444 + line-height: 1.5;
4445 +}
4446 +.bbpc-search-result-container .bbpc-result-tabs .bbpc-tab.active {
4447 + background: #e8f0fe;
4448 + color: #1a73e8;
4449 +}
4450 +.bbpc-search-result-container .bbpc-result-tabs .bbpc-tab:hover:not(.active) {
4451 + background: #f1f3f4;
4452 + color: #202124;
4453 +}
4454 +.bbpc-search-result-container {
4455 + /* Empty state — centered title + subtitle. */
4456 +}
4457 +.bbpc-search-result-container .bbpc-search-empty {
4458 + padding: 36px 24px 28px;
4459 + text-align: center;
4460 +}
4459 4461 .bbpc-search-result-container .bbpc-not-found-text {
4460 - display: none;
4462 + display: block;
4463 + font-size: 16px;
4461 4464 font-weight: 700;
4462 - font-size: 20px;
4463 - margin: 12px 0 5px;
4464 - letter-spacing: 0.1px;
4465 + margin: 0 0 8px;
4466 + padding: 0;
4467 + line-height: 1.4;
4468 + text-align: center;
4469 + color: var(--black_900, #0c0d0e);
4465 4470 }
4471 +.bbpc-search-result-container .bbpc-search-empty-hint {
4472 + margin: 0;
4473 + padding: 0;
4474 + font-size: 14px;
4475 + font-weight: 400;
4476 + line-height: 1.5;
4477 + color: var(--black_500, #6a737c);
4478 +}
4479 +.bbpc-search-result-container {
4480 + /* Result group label — e.g. "REPLIES", "TOPICS". */
4481 +}
4482 +.bbpc-search-result-container .bbpc-result-group-label {
4483 + font-size: 11px;
4484 + font-weight: 600;
4485 + color: #bdc1c6;
4486 + padding: 8px 16px 4px;
4487 + text-transform: uppercase;
4488 + letter-spacing: 0.08em;
4489 +}
4490 +.bbpc-search-result-container {
4491 + /* Scoped to this container so Docy/EazyDocs .search-result-item is untouched. */
4492 +}
4493 +.bbpc-search-result-container .search-result-item {
4494 + display: block;
4495 + width: 100%;
4496 + padding: 12px 16px;
4497 + border-bottom: 1px solid var(--black_50);
4498 + transition: background 0.15s;
4499 + cursor: pointer;
4500 +}
4501 +.bbpc-search-result-container .search-result-item:last-of-type {
4502 + border-bottom: none;
4503 +}
4504 +.bbpc-search-result-container .search-result-item .bbpc-result-link {
4505 + display: flex;
4506 + align-items: center;
4507 + gap: 12px;
4508 + color: inherit;
4509 + text-decoration: none;
4510 +}
4511 +.bbpc-search-result-container .search-result-item .bbpc-result-icon {
4512 + width: 20px;
4513 + height: 20px;
4514 + flex-shrink: 0;
4515 + color: #9aa0a6;
4516 +}
4517 +.bbpc-search-result-container .search-result-item .bbpc-result-body {
4518 + display: flex;
4519 + flex-direction: column;
4520 + flex: 1;
4521 + min-width: 0;
4522 +}
4523 +.bbpc-search-result-container .search-result-item .bbpc-result-title {
4524 + font-size: 14px;
4525 + font-weight: 500;
4526 + color: var(--black_900, #0c0d0e);
4527 + line-height: 1.4;
4528 + margin: 0;
4529 + white-space: nowrap;
4530 + overflow: hidden;
4531 + text-overflow: ellipsis;
4532 +}
4533 +.bbpc-search-result-container .search-result-item .bbpc-result-type {
4534 + margin-top: 3px;
4535 + font-size: 12px;
4536 + font-weight: 400;
4537 + color: #70757a;
4538 +}
4539 +.bbpc-search-result-container .search-result-item {
4540 + /* Ancestor breadcrumb (Forum › Topic), aligned under the title text. */
4541 +}
4542 +.bbpc-search-result-container .search-result-item .bbpc-result-breadcrumb {
4543 + display: flex;
4544 + flex-wrap: wrap;
4545 + list-style: none;
4546 + margin: 0;
4547 + padding: 0 0 0 32px;
4548 +}
4549 +.bbpc-search-result-container .search-result-item .bbpc-result-breadcrumb .bbpc-breadcrumb-item {
4550 + font-size: 13px;
4551 + line-height: 21px;
4552 + color: var(--black_500, #6a737c);
4553 +}
4554 +.bbpc-search-result-container .search-result-item .bbpc-result-breadcrumb .bbpc-breadcrumb-item + .bbpc-breadcrumb-item::before {
4555 + content: "›";
4556 + color: #b7b9be;
4557 + padding: 0 5px;
4558 +}
4559 +.bbpc-search-result-container .search-result-item:hover {
4560 + background: var(--black_25, #f9f9f9);
4561 +}
4562 +.bbpc-search-result-container .search-result-item:hover .bbpc-result-title {
4563 + color: #1a73e8;
4564 +}
4565 +.bbpc-search-result-container {
4566 + /* Search keyword highlight styling. */
4567 +}
4568 +.bbpc-search-result-container .frmx-search-highlight {
4569 + background-color: #fff3cd;
4570 + padding: 1px 3px;
4571 + border-radius: 3px;
4572 + font-weight: 600;
4573 +}
4466 4574
4575 +/* Seamless input↔results join while the panel is open — mirrors EazyDocs'
4576 + `.ezd-results-open`, driven off the panel's own `.ajax-search` state. */
4577 +.bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input[type=search],
4578 +.bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input.frmx-search-input,
4579 +.bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input[type=search]:focus,
4580 +.bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input.frmx-search-input:focus {
4581 + border-top-left-radius: 26px;
4582 + border-top-right-radius: 26px;
4583 + border-bottom-left-radius: 0;
4584 + border-bottom-right-radius: 0;
4585 + border: 1.5px solid var(--black_50);
4586 + box-shadow: 0 1px 6px rgba(32, 33, 36, 0.05);
4587 +}
4588 +.bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .bbpc-search-result-container {
4589 + border: 1.5px solid var(--black_50);
4590 + border-top: none;
4591 + border-radius: 0 0 26px 26px;
4592 + box-shadow: 0 6px 20px rgba(32, 33, 36, 0.1);
4593 +}
4594 +
4467 4595 .search-results-tab .bbpc-search-title {
4468 4596 font-size: 16px;
4469 4597 color: var(--black_600);
4470 4598 display: block;
@@ -4528,13 +4656,13 @@
4528 4656 .bbpc_search_form_wrapper .input-wrapper input.frmx-search-input {
4529 4657 width: 100%;
4530 4658 height: 48px;
4531 4659 padding: 0 44px 0 48px; /* left space for icon, right space for clear btn */
4532 - border-radius: 50px;
4660 + border-radius: 50px; /* pill */
4533 4661 border: 1.5px solid var(--black_50);
4534 4662 background: var(--bs-white);
4535 4663 font-size: 15px;
4536 - color: #444;
4664 + color: var(--black_600);
4537 4665 outline: none;
4538 4666 transition: border-color 0.2s, box-shadow 0.2s;
4539 4667 box-shadow: none;
4540 4668 -webkit-appearance: none;
@@ -4577,8 +4705,12 @@
4577 4705 justify-content: center;
4578 4706 color: var(--bbpc_brand_color, #1a73e8);
4579 4707 line-height: 0;
4580 4708 }
4709 +[dir=rtl] .bbpc_search_form_wrapper .input-wrapper .spinner {
4710 + right: auto;
4711 + left: 40px;
4712 +}
4581 4713 .bbpc_search_form_wrapper .input-wrapper .spinner.show {
4582 4714 display: inline-flex;
4583 4715 }
4584 4716 .bbpc_search_form_wrapper .input-wrapper .spinner .frmx-spinner-icon {
@@ -4623,41 +4755,27 @@
4623 4755 cursor: pointer;
4624 4756 padding: 0;
4625 4757 margin: 0;
4626 4758 color: var(--bbpc_brand_color, #1a73e8); /* blue icon — matches design */
4627 - line-height: 0;
4759 + line-height: 1;
4760 + display: inline-flex;
4761 + align-items: center;
4762 + justify-content: center;
4628 4763 }
4629 -.bbpc_search_form_wrapper .input-wrapper button i, .bbpc_search_form_wrapper .input-wrapper button svg {
4764 +.bbpc_search_form_wrapper .input-wrapper button i {
4630 4765 font-size: 18px;
4631 - width: 1em;
4632 - height: 1em;
4766 + line-height: 1;
4767 + display: inline-block;
4768 + width: auto;
4769 + height: auto;
4770 + font-style: normal;
4771 +}
4772 +.bbpc_search_form_wrapper .input-wrapper button svg {
4773 + width: 18px;
4774 + height: 18px;
4633 4775 fill: currentColor;
4634 4776 display: block;
4635 4777 }
4636 -.bbpc_search_form_wrapper .search-result-item {
4637 - padding: 10px 15px;
4638 - display: flex;
4639 - align-items: center;
4640 - width: 100%;
4641 - flex: 100%;
4642 - transition: all 0.3s;
4643 -}
4644 -.bbpc_search_form_wrapper .search-result-item a {
4645 - color: var(--p_color);
4646 -}
4647 -.bbpc_search_form_wrapper .search-result-item:hover {
4648 - background: rgba(143, 187, 237, 0.1);
4649 -}
4650 -.bbpc_search_form_wrapper {
4651 - /* Search keyword highlight styling. */
4652 -}
4653 -.bbpc_search_form_wrapper .frmx-search-highlight {
4654 - background-color: #fff3cd;
4655 - color: inherit;
4656 - padding: 1px 3px;
4657 - border-radius: 3px;
4658 - font-weight: 600;
4659 -}
4660 4778
4661 4779 .searchbar-tabs .tab-item {
4662 4780 font-size: 14px;
4663 4781 font-weight: 500;
@@ -4685,15 +4803,8 @@
4685 4803 .forum-card .forum-card-thumbnail-area {
4686 4804 padding: 0 !important;
4687 4805 }
4688 4806
4689 -body.body_dark input.frmx-search-input.input_focused {
4690 - background: #fff;
4691 -}
4692 -body.body_dark .not-found-text, body.body_dark .bbpc-not-found-text {
4693 - color: black;
4694 -}
4695 -
4696 4807 /** === Focus Search Form === **/
4697 4808 body.bbpc-search-open {
4698 4809 opacity: 1;
4699 4810 visibility: visible;
@@ -5036,57 +5147,8 @@
5036 5147 display: flex;
5037 5148 flex-direction: column;
5038 5149 }
5039 5150
5040 -body.body_dark .forum-with-topics .topic-table .topic-contents h3 a {
5041 - color: #fff !important;
5042 -}
5043 -body.body_dark .forum-with-topics .topic-table .topic-contents h3 a:hover {
5044 - color: var(--bbpc_brand_color) !important;
5045 -}
5046 -body.body_dark .forum-with-topics .topic-table .topic-contents .title p {
5047 - color: var(--black_400);
5048 -}
5049 -body.body_dark .forum-with-topics .forum-card .card-body .card-title h3 a {
5050 - color: #fff !important;
5051 -}
5052 -body.body_dark .forum-with-topics .forum-card .card-body .card-title h3 a:hover {
5053 - color: var(--bbpc_brand_color) !important;
5054 -}
5055 -body.body_dark .forum-with-topics .forum-card .card-body:not(.card-title) {
5056 - color: var(--black_400);
5057 -}
5058 -body.body_dark .bbpc-sf-list .bbpc-sf-list-forum-title a {
5059 - color: #fff;
5060 -}
5061 -body.body_dark .bbpc-sf-list .bbpc-sf-list-forum-desc {
5062 - color: var(--black_400);
5063 -}
5064 -body.body_dark .bbpc-sf-list .bbpc-sf-list-item {
5065 - background: var(--black_50);
5066 -}
5067 -body.body_dark .bbpc-sf-list .bbpc-sf-list-item .bbpc-sf-list-title a {
5068 - color: #fff;
5069 -}
5070 -body.body_dark .bbpc-sf-list .bbpc-sf-list-item .bbpc-sf-list-title a:hover {
5071 - color: var(--bbpc_brand_color);
5072 -}
5073 -body.body_dark .bbpc-sf-list .bbpc-sf-list-item .bbpc-sf-list-excerpt {
5074 - color: var(--black_400);
5075 -}
5076 -body.body_dark .bbpc-sf-grid .bbpc-sf-grid-topics .bbpc-sf-grid-topic {
5077 - background: var(--black_50);
5078 -}
5079 -body.body_dark .bbpc-sf-grid .bbpc-sf-grid-topics .bbpc-sf-grid-topic h3 a {
5080 - color: #fff;
5081 -}
5082 -body.body_dark .bbpc-sf-grid .bbpc-sf-grid-topics .bbpc-sf-grid-topic h3 a:hover {
5083 - color: var(--bbpc_brand_color);
5084 -}
5085 -body.body_dark .bbpc-sf-grid .bbpc-sf-grid-topics .bbpc-sf-grid-topic p {
5086 - color: var(--black_400);
5087 -}
5088 -
5089 5151 .bbpc-sf-list .bbpc-sf-list-header {
5090 5152 display: flex;
5091 5153 align-items: center;
5092 5154 justify-content: space-between;
@@ -5423,9 +5485,9 @@
5423 5485 margin-right: 5px;
5424 5486 }
5425 5487
5426 5488 .community-area .nav-tabs {
5427 - border-bottom: 1px solid var(--black_50);
5489 + border-bottom: 1px solid var(--black_150);
5428 5490 }
5429 5491 .community-area .nav-tabs .nav-item:hover button {
5430 5492 color: var(--bbpc_brand_color);
5431 5493 }
@@ -5656,8 +5718,12 @@
5656 5718 animation-iteration-count: infinite;
5657 5719 animation-timing-function: linear;
5658 5720 }
5659 5721
5722 +body.body_dark .community-area .dbl-arrow-upper .arrow-cont svg {
5723 + fill: #fff;
5724 +}
5725 +
5660 5726 @keyframes bounceAlphaUp {
5661 5727 0% {
5662 5728 opacity: 1;
5663 5729 transform: translateY(0) scale(1);
@@ -5919,6 +5985,4 @@
5919 5985 color: #0fbc8b;
5920 5986 }
5921 5987
5922 5988 /*============= doc_community_area css ================*/
5923 -
5924 -/*# sourceMappingURL=el-widgets.css.map */