A reddit-ish theme for Discourse

could anyone help me with this one? :smiling_face_with_tear:. I really appreciated it

1 Like

Iā€™m assuming that you changed your userā€™s Default Homepage option to Categories. Unless a user has explicitly set their Default Homepage option, their homepage will be the homepage that is set by the top menu site setting.

If you have access to your siteā€™s Rails console, you could reset all of your userā€™s Default Homepage settings so that it will be set based on your top menu setting. To do that, enter the Rails console and run:

UserOption.update_all(homepage_id: nil)

If you are unsure about running this command, I would just not do it. It is likely that most or all of your users will already have their Default Homepage set to Latest.

3 Likes

Iā€™ve just made an update to the theme to address these two issues:

I may have temporarily removed it while building the theme and neglected to add it back ā€” this will now appear again after updating.

This was an issue caused by the ā€œrecent topicsā€ list shown on the homepage ā€” we check for a specific class at the bottom of the page to continue loading more topics, and since the sidebar includes this class further up the page it was preventing the load more behavior. Changing the class for these sidebar items fixes the issue.

Thanks for the bug reports everyone!

5 Likes

Which navigation menu sidebar items and classes? I just want to know if they will affect any of my related theme components.

2 Likes

Previously in the sidebar template I was using {{topic-list-item topic=topic}}, which produces a tr element with the class topic-list-item. Removing that class from the sidebar solved the issue.

2 Likes

image
Please tell me how to translate into other languages

1 Like

nice theme. :slight_smile:

just making it known that yes, there is indeed interest. :+1: :+1:

5 Likes

I love this theme, however I would like to replace ā€œshareā€ with number of likes next to number of replies on the bottom of the topic cards. What would the custom CSS be to do this?

1 Like

This theme looks great! However, I spotted 2 issues with it:

  1. The nav bar at the top showing the chat icon, search etc has a few of the icons smaller than the rest, and not aligned too.

  2. The topic timeline looks weird: itā€™s the curve-edge rectangle (bar) within the box-rectangle (box with bar within). Maybe the box with bar within could be curved as well?
    Screenshot_20240607_135225_One UI Home

3 Likes

Thanks for reporting these! Iā€™ve just made an update that should fix them.

4 Likes

I met the same problem, do you find the way to resize the post area?

I just started using the theme and I am noticing that when I am in the category pages, the a tag for the category header is a slug that matches the category name exactly.

As an example, if I create a category as ā€œNew Categoryā€, I can enter a slug or leave it as is, the page itself will be accessed through c/new-category/ using the sidebar menu. But when you hover over the header name of the category when on the category page, the a tag is c/New Category. It is capitalized just like the title and also has a space between the words which when clicked cause a 404 error. So even if I add a slug of new-category, it will still show as the title for the slug.

Am I doing something wrong?

I created my own Git and have updated the files javascripts/discourse/components/custom-category-banner.hbs and javascripts/discourse/components/custom-category-banner.js and I have fixed my issue.

The share modal in the topic list has not been converted to the new modal component API. This error gets thrown on meta as well.

P.S. @community-moderators wasnā€™t sure if this is best posted here or in support

You can solve this by overriding the CSS for grid-template-columns. Note that youā€™ll need to specify the media size you are targeting or it will override them all.

Posting on this topic is the best place for this one. :+1: Itā€™s one of @awesomerobotā€™s personal ones and not an official theme, so all issues should be kept to this topic.

2 Likes

Hiya, any idea how to edit the

{{avatar topic.posters.0.user imageSize="large"}}

so it also shows the avatar flair? At the moment it doesnā€™t. The flair does show up elsewhere, so Iā€™m assuming itā€™s the Avatar component needs editing but I donā€™t know where the component originates from? Is it a root component or something?

Any help is appreciated!

2 Likes

Nevermind - I got it! Not elegant but works!

{{#if topic.posters.0.user.flair_url}}
  <img src={{topic.posters.0.user.flair_url}} class="absolute bottom-0 right-0 block size-4" />
{{/if}}
2 Likes

amazing work!

1 Like

i just built my community with this theme and within 1 month i reached almost 1.000 members. so thanks!

i think this theme can turn into great designs with customization. for example a design in twitter layout? since it is a 3 column structure.

but when I make flex instead of grid in css, itā€™s a mess.

how can we make 3 columns centered equidistantly? i think we can turn into this design even with a small css change. can you give tips for this css change friends?

:pray:

3 Likes

What sections or content would you like displayed in each of the three columns? Can you draw a diagram?

3 Likes