FKB Pro - Social theme

Customization Theme
503

The only little problem with the scss code is that there’s no automatic line break, so the words get cut off :wink:

504

What do you mean? Can you send a screenshot?

505

Here is a screenshot of my phone. You can see that the category name is not complete.

Screenshot_20260829-190109_Chrome
Screenshot_20260829-190109_Chrome720×1600 160 KB

1 Like
506

This is intentional behavior in core, but if you’d prefer the category name to wrap to a new line instead of being truncated, you can try:

.category-heading {
  &.--has-logo {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--space-4);
  }
  &__content {
    min-width: 0;
    .badge-category__wrapper {
      max-width: 100%;
      white-space: normal;
      overflow-wrap: anywhere;
      .badge-category {
        &.--style-emoji,
        &.--style-icon {
          align-items: baseline;
        }
      }
    }
  }
}
3 Likes
507

Awesome, it works! @Don you’re a boss :clap:

1 Like
508

I noticed that the category description is missing on the tablet version, but it is present on mobile. I think it would be a good idea to do the same on the mobile version. :thinking:

509

I also noticed that if you use nested replies, there’s a small display issue where the avatar is a bit too large.

image
image175×117 10.8 KB

Am I the only one experiencing this?

510

Thanks @gilles! I’ve merged an update for these…

2 Likes
511

I tested it and everything works, thanks @Don for your quick response :clap: :+1:

1 Like
512

@Don I found a small display bug in desktop mode on computer without the sidebar for information :wink:

image
image1801×913 360 KB

1 Like
513

Thanks, I fixed it here: FIX: Enhance category heading styles in SCSS · VaperinaDEV/fkb-pro-theme@95a3c25 · GitHub

4 Likes
514

Tested and approved :+1:

1 Like
515

I just installed this. I am pretty sure there was a fakebook panel in the right side right after installation, but that seems to have disappeared for me. I’m not sure what I changed to make it disappear, and how to get it back.

516

Hello :waving_hand: There is a button on the bottom right to toggle this section.

517

I’ve updated the theme: DEV: Improve FKB panel and right sidebar layout handling - Pull Request #78 - VaperinaDEV/fkb-pro-theme - GitHub

2 Likes
518

Ah there it is – thanks! Hmm, must have hit it by accident? Or did it get turned off when I brought this up on mobile? I’ll do some experiments and report back.