FKB Pro - Social theme

But could it be done with CSS/whatever?

EDIT: Ignore all of the below. The issue was the Discourse Topic List Author component.
Also, any idea what happened to this bar? I refreshed my page last night and it randomly turned into this and I can’t figure out how to fix it. It still looks fine on mobile, though. The bar is really wide now and when you click on it, the text color is the same color (in light and dark modes) and things aren’t fully in the box now.

@Don Hey, real quick, is there any good way to adjust these buttons so that they aren’t so crowded on mobile?

Kind of messy how it is currently. Maybe “Reply” could be moved next to the “2/2” area/wrench icon and Tracking could be moved next to Topic Controls. Something more clean.

Also, the Discourse Topic List Author component makes the little box at the bottom become really wide for some reason. Any way around this? Took forever for me to figure out it was this component causing the issue, haha.

I’ve made some adjustment here:

I think the default theme has same alignment. I don’t think we should change this. Anyway users don’t have wrench button.

I don’t think the Topic List Author theme component is compatible with this theme. As both the FKB theme and the Topic List Author are override the topic list item template.

Thanks a ton! Will check these out in a minute. Quick question, though:
What’s the proper way to update this theme if I’ve forked it on GitHub?

Basically, I forked it, I make my own changes locally & push the updates to my GitHub and then update the theme in my site’s Admin themes panel. But how do I update it by keeping what I’ve changed locally while also including the changes you make to it? When I go to sync my fork of the theme with the changes you make, I get this:

So if I discard my own changes, won’t that make all of my changes disappear? I want to keep the edits I’ve made while also receiving the changes you make to the core of the theme.

EDIT: I updated theme with your latest edits. Looks like Tracking area/icon are adjusted to the left of the screen now and the “2/2” page area is now rounded. Is this correct? It does look a little better on mobile now, but even on a regular user account, there’s still that awkward empty space on mobile next to the page number.

EDIT 7hrs later: So, does this theme not have options for “selected” and “hover” on the color schemes? I see all of the color options except the last 2: selected & hover.

Hey, @Don, in addition to my above reply, is it possible to make something so that instead of longer posts having “Read more…” on them and once clicked, it making you enter the topic, it will instead show all of the topic’s content dropped down instead of entering the actual topic? Like how actual FaceBook works/worked?

EDIT 17hrs later: Also, is there a way to have the comment button on the main forums page take you directly to the comments instead of picking the original or most recent post?

Yeah that’s by design.

I’ve merged this.

Hi @Don

Thanks for the awesome theme!
I was wondering how I could change the settings to have the third badge style below, as my site currently shows the first badge style

Hello

Thanks Yeah, there was some changes in core with category badges. I will add a setting to change the style of these.

Thank you.

And then it’s not major, but I’ve also noticed 3 CSS issues:

1) The search banner doesn’t show the search bar properly on desktop/tablet, only on mobile view…

Desktop:

Mobile (which looks good):

2) The Docs view on mobile extends beyond the screen on the right:

3) The category boxes (for subcategories) are cutting the words off once it becomes 3 columns responsively:

Is there any way to perhaps fix these as well?

Hello @Clo

Thanks for the report. This update cover pretty much everything you mentioned.

It contains a new setting where you can choose from category badge styles.
It isn’t contain the bar style yet.

category badge style

• bullet (default)
• box

Also added some support for Search Bar theme component and fixed the Docs topic list view on mobile.

I assume this is the GitHub - discourse/discourse-minimal-category-boxes theme component. But I can’t repro it. Could you clarify more? Is this happens on other themes e.g. default theme too?

Hi @Don

Thanks so much, the search bar and categories are now looking great!

The Docs on mobile view unfortunately still needs some padding, I think. See the image below:

The text still extends beyond the screen on the right.

And regarding the category boxes, they haven’t done this with any of the other themes I previously used or the default theme. It might be because this theme has a sidebar on the right, which the other ones don’t have, so now the three columns have to squeeze into the middle?

These are the components I’m using:

The same issue happens with the main categories page:

It looks like the line break for the screen size is too late, causing the boxes to become too small for the text, then it cuts off the text.

Can you please share you forum url or send me in PM? I can check then these thing more easier.

Hi, @Don, had a question. How do I change the sidebar colors for dark and light modes?

The background highlight color I want to change is listed at:

--d-sidebar-highlight-background:
var(--primary-low);

but I don’t see “highlight-background” in the GitHub repo. I know how to change it locally, but if I change it from var(--primary-low); to #000000;, for example, it effects both modes. How do I have a different color for each mode? Note: this also effects the bottom area here, which I also need different for each mode:

Also, is there a way to have the comment button on the main forums page take you directly to the comments instead of picking the original or most recent post?

Mine shows like this, not attached to the box border. How do I get mine like this?

Thank you!

Hey, @Don, did one of your recent updates to the theme break installing it? My export that I happened to have from yesterday uploads fine, but when I fork the most recent version and try to install a .zip of it or from the GH repository, I get a 500 Error.

In my Logs, I get:

Failed to process hijacked response correctly : ActiveRecord::RecordNotUnique : PG::UniqueViolation: ERROR: duplicate key value violates unique constraint “theme_field_unique_index”
DETAIL: Key (theme_id, target_id, type_id, name)=(50, 5, 1, common/fkb-c-alternative-voting-category) already exists.

Everytime I try to import the theme, the theme_id is going up by one, so it isn’t a theme_id issue at least…

Hello

Is this your fork? https://github.com/GitHubQueenn/fkb-pro-theme2

It seems you created a stylesheets folder which duplicates the scss folder files. This cause the problem because the files duplicated and it tried to import from both folders. If you want to make changes on the style then please create a new theme component or change it in the scss folder or you can use stylesheets name too for folder, but not both. But it is better to keep scss as used by the main repo.

Hi, I’m unsure how this is happening. I have a “stylesheets” folder in every backup from when I backup the theme; I never created it myself. It looks like this and I’ve done a lot of changes to files in it.

You’re saying to delete it?

Yeah, this is because you export it from admin? I assume this folder contains your modification. I am not sure which version is this I made some changes in these days. But you can upload these files into the scss folder.

Thanks! Would it be possible to move this around and remove the category name completely?

EDIT 6hrs later: Also, would your theme work properly if I combined all of the .scss files into one big file? I am trying to optimize my site as much as possible and some performance test sites say it has to load a lot of css & js files, mainly from the theme. It recommended cutting down on files and put stuff into one.

Conflicts with discourse-tab-bar-theme, it is recommended to add a custom button height

This plugin looks amazing.

Is there any plugin out there that has a “friend” concept such that you would have to accept a friend request in order for someone to see be able to see your posts in their feed?

There is the Official Discourse Follow Plugin

Thanks @Moin. As far as I can tell with that plugin anyone can follow anyone (like Twitter public users) but there is no concept of approving a follow or a friend request for access.

Do I have that wrong?

No. I got you wrong.

For iOS web app view, the select and +topic buttons are halfway hidden by the system’s navigation bar. This wasn’t a problem before, was this caused by a FKB update?

Hey @thisisjoshjones Thanks, I’ve merged a fix.

Thank YOU!

Very minor one style glitch:

Bot icon comes from Discourse AI, and I don’t know witch one sets white background, the theme or AI-plugin.

(This topic needs some cleaning Close to 400 posts is way too much to start find if this is already answered)

My website language is Chinese, when I close the left navigation menu it becomes weird.

Thanks, I’ve fixed it. Please update the theme

Thank you very much!
One other questions:
Does this theme support the full width plugin? After I enabled the full width plugin, I found that the left navigation bar was not displayed on the left. And when I closed the left navigation bar, the style became strange.

The sidebar is causing an extra white section below. I previously installed the “Easy Responsive Footer - theme-component - Discourse,” but I uninstalled it and don’t know how to fix it. When I click the button below, it disappears. This is my forum address: https://www.justnainai.com/

Nope, I’m afraid not really.

Is that not because of this on the left corner?

Hello

I’ve made several update on the theme

1. nav pills design (removed to suit the new core)
2. adds support for new bulk actions.
3. fixes usercard metadata section
4. removes desktop navigation and adds support for new mobile navigation
5. fixes new topic button order

I deleted the component in the lower left corner still have the white box underneath what should I do?

Thanks and sorry the issue was with the theme right sidebar. I’ve merged a fix.

Hello @don ,

How do I move the fixed buttons I showed in the photo below to the first section?

This menu „latest“ „unread“ doesn’t work on mobile.

What can I do?

Please update Discourse to the latest version…

Do you know the Full Row Bulk Select component

It breaks FKB Pro like this:

And on mobile, iPhone I reckon:

And what is expected:

Not a biggie, for me anyway. FKB isn’t an admin-friendly theme if there is a need for any bulk actions, so I just disabled that component. But because FKB is the only theme that is affected, I’m here.

That is integrated to this theme so don’t need to use the component.

Of course it is, stupid me Well, my excuse is it’s Sunday

[quote=“Mathx, Beitrag:350, Thema:234323, Benutzername:ozkn”]
How do I move the fixed buttons I showed in the photo below in the first section?
[/Zitat]

Is that possible?

This one I’m not sure if it’s a bug or not because I have too many components Well I’d better give feedback on it

I’ve pushed a fix for this.

It’s possible with a custom component or fork the theme and modify the CSS.

Hey guys, first of all thank you for this theme. Until “Central” is publicly and steadily released, this is my most favourite Theme.

For some reasons, (it might be my own fault ) the FKB Panel doesnt show up anymore in my forum. What may be some exotic reasons for that? Ive already tried by trial and error by clicking/unlicking all theme options, without success.

Is there a way to hide both the FKB Panel to the right and this other Panel to the left, in certain categories? Unfortunately it is overlaying the KanBan Components, when not in Expanded view

Hi Don, your theme rocks! Thansk for all your hard work. I am loving it!
I noticed a bug with the Topic List Thumbnails component. Attaching screenshots of the bug below. (tested with grid and masonry option).
It would be amazing if you could fix that.
I am trying to achieve a grid view as in here: Resources | Framer
PS: I’m open to use another component alternative too that would achieve a similar grid.

Thanks,
Filip

There’s a small dot on mobile for users who are not staff. Is this normal?

Thanks David, I fixed it

That was a box-shadow on the bulk select what I mistakenly added to the topic list header and when the bulk select wasn’t available the topic list header box-shadow appeared as seen on you screenshot. Now I’ve added the box-shadow to the bulk select button which fixed this visual glitch.

Hello

I’ve added a new setting with you can disable the FKB topic list modifications. So after that possible to simple add other theme components like: Topic List Thumbnails

Have you tried