FKB Pro - Social theme

You’re welcome. If you’re new to Discourse of course you wouldn’t know. No need to apologise we were all new to it once. :wink:

4 Likes

Hi @Don I’ve tried out the theme and noticed that the bulk select doesn’t work and the topic-list-header has been removed. Was this intentional? And is there any resolution for this?

1 Like

Hello @digitaldominica :wave:

Yeah, that was because the layout and the template changed and the bulk select etc need to removed. But I am working on implement the bulk select to this theme. :slightly_smiling_face:

Greetings. The theme is simply great, the only thing that bothers me is that if I update the material or someone leaves a comment, the theme rises to the very top. How can I output all output material strictly sorted by date added and so that nothing affects it? I will be very glad to see your answers, in two days I have not been able to move forward in this direction…

Hello @Harrison_Jhonson :wave:

I am not sure what you mean exactly but if your question is about the bumping than you can have a few options to handle it.

When you edit the latest post or add a new post in a topic then the topic will ordering to the top of the topic list. You can reply without bump or after the post is published and the topic bumped you can reset the bump date.

Here is a topic about it:

And there is a plugin too to disable bump.

That’s right, I’ve seen it… So there’s no way to turn off the topic bump altogether? I’m just trying to do something like a social site and the bumps aren’t needed at all)
sorry for my english, this is a translator…

The /latest view will always show you topics with the newest change of the last post. It is designed to keep track of everything new.

You could use ?order=created to create a topic list, where topic appear in the order they were created. Here is an example for this forum:
https://meta.discourse.org/?order=created

You can also add that link to the top menu with the help of Custom Top Navigation Links
And Custom Homepage for Groups should work to set this as the homepage for everyone.

2 Likes

I’ll try this when I get to the computer, thanks a lot )

By desing Discourse is not a social media, even there is some aspects and mostly by tuning up with some plugins and components.

What if would take totally different direction? If you are looking for strongly social media then you could install a mastodon instance. And still you have option to use Discourse side by side with mastodon for more forumtype use.

I’ve been doing a https://dtf.ru type site for a year but have run into the fact that I need to structure my posts. Almost 3 years ago I installed Discourse, but back then it looked like a regular forum and as far as I remember I didn’t see your theme. But here after a long time I happened to see your theme and it is just delightful.

People and I can write posts, guides, etc and yet you can structure everything perfectly and I liked the core of Discourse itself back then (but not the visual).

Now it’s a great tool that both looks and works great. It is better to use crutches in implementation, but with a powerful tool and a huge user base, than to use something less popular in my country in terms of visuals and practical application.

Hello :wave:

UPDATE :tada:

Bulk Select is now available in this theme.

The bulk select is a little different like on the Default theme because of the layout and topic list boxed design.

It can be activate with the floating button on the bottom. After you click this button the topic list whole topic box will be clickable to select so no matter where you click. The Dismiss… button is sticking to the top of the page on desktop while the bulk select active and you scrolling.

This update fix an issue when you have activated bulk select and navigate to a discovery page where the bulk select is not an option but the topics still selectable.


On mobile while the bulk select active we hide the create topic floating button on the bottom.


This update also adds the last visited topic indicator to the topic list.


3 Likes

It works if you just click on the title.
If we try to click on the description, the block will not be marked as last if we return to the feed

The theme was broken with the last update. Profile pages cannot be accessed. A warning appears on the admin page that the theme is broken. I would be happy if you could take care of me in time. @Don

3 Likes

Yes, theme broken @Don
Console error:

FKB Pro theme/component is throwing errors: ReferenceError: Cannot access 'C' before initialization

ReferenceError: Cannot access 'C' before initialization
    at Module.queryParams (https://example.com/assets/chunk.70cd7dffe01a4d76493d.d41d8cd9.js:1:2303683)
    at 92375 (https://example.com/assets/chunk.70cd7dffe01a4d76493d.d41d8cd9.js:1:3134538)
    at u (https://example.com/assets/chunk.3d4fb59fe94d324c9d9f.d41d8cd9.js:1:53022)
    at 27397 (https://example.com/assets/chunk.70cd7dffe01a4d76493d.d41d8cd9.js:1:3059514)
    at u (https://example.com/assets/chunk.3d4fb59fe94d324c9d9f.d41d8cd9.js:1:53022)
    at 33195 (https://example.com/assets/chunk.70cd7dffe01a4d76493d.d41d8cd9.js:1:2303840)
    at u (https://example.com/assets/chunk.3d4fb59fe94d324c9d9f.d41d8cd9.js:1:53022)
    at s.callback (https://example.com/assets/chunk.70cd7dffe01a4d76493d.d41d8cd9.js:1:410275)
    at s.exports (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:1:2054)
    at requireModule (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:1:582)
    at d.get (https://example.com/assets/chunk.70cd7dffe01a4d76493d.d41d8cd9.js:1:3490796)
    at p._extractDefaultExport (https://example.com/assets/chunk.70cd7dffe01a4d76493d.d41d8cd9.js:1:3496043)
    at p.resolveOther (https://example.com/assets/chunk.70cd7dffe01a4d76493d.d41d8cd9.js:1:3492267)
    at p.resolve (https://example.com/assets/chunk.70cd7dffe01a4d76493d.d41d8cd9.js:1:3492729)
    at https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:6128
    at f.resolve (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:6234)
    at f.resolve (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:6317)
    at o (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:4394)
    at i.factoryFor (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:4164)
    at Ae._resolveClass (https://example.com/assets/chunk.70cd7dffe01a4d76493d.d41d8cd9.js:1:2524358)
    at Ae.modifyClass (https://example.com/assets/chunk.70cd7dffe01a4d76493d.d41d8cd9.js:1:2524510)
    at https://example.com/theme-javascripts/c4aa68fabdfd0f67abcb0fa38b2397f7aec72985.js?__ws=example.com:24:211
    at Me (https://example.com/assets/chunk.70cd7dffe01a4d76493d.d41d8cd9.js:1:2536360)
    at Object.initialize (https://example.com/theme-javascripts/c4aa68fabdfd0f67abcb0fa38b2397f7aec72985.js?__ws=example.com:19:75)
    at n.initialize (https://example.com/assets/chunk.70cd7dffe01a4d76493d.d41d8cd9.js:1:306647)
    at https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:141587
    at e.each (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:368592)
    at e.walk (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:367608)
    at e.each (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:366961)
    at e.topsort (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:367007)
    at e._runInitializer (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:141797)
    at e.runInstanceInitializers (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:141537)
    at u._bootSync (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:112941)
    at e.didBecomeReady (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:111458)
    at invoke (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:358131)
    at h.flush (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:357218)
    at p.flush (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:358981)
    at B._end (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:364064)
    at B._boundAutorunEnd (https://example.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:9:360488)

another one

FBK pro theme/component is throwing errors: ReferenceError: Cannot access uninitialized variable.

1 Like

Hey @ozkn , @Skeleton :wave: Thanks for the reports! I’ve merged a fix. Please update the theme. :+1:

3 Likes

@Don Hello. Can you tell me how to fix this?

And I can’t find how to enable this option

You’ll need to follow this topic for that:

1 Like

Ty. But for some reason it looks different to me

Can you try this CSS?

I’m not sure if showing the parent category color looks good here. :thinking:

.badge-category__wrapper {
    margin-top: 0 !important;
    
    .badge-category {
        border-radius: 0 0 var(--d-default-border-radius) var(--d-default-border-radius);
        padding-inline: calc(var(--badge-category-padding-h) * 3);
        line-height: normal;

        &.--has-parent {
            padding-inline-end: calc(var(--badge-category-padding-h) * 2.5);
        }
        
        &.--has-parent:before {
            border-radius: 0 0 0 var(--d-default-border-radius);
            background: linear-gradient(90deg, var(--parent-category-badge-color) 46%, var(--category-badge-color) 50%);
            width: calc(var(--badge-category-padding-h) * 3);
        } 

        svg {
          width: 0.8em !important;
          height: 0.8em !important;
        }
    }
}

2 Likes