A reddit-ish theme for Discourse

Theme
68

I think this was solved in

2 Likes
70

I’ve made great progress (: now how can i show the custom-right-sidebar on the homepage here too?

If I can show that sidebar on my topic page, I’ll be happy :partying_face:

Ekran Resmi 2024-10-24 12.36.32
Ekran Resmi 2024-10-24 12.36.321920×933 85.3 KB

2 Likes
71

After activating a theme (without any components), the topic list overlaps with the right sidebar. This issue persists even in safe mode. How can I resolve this?

This image appears to depict a screenshot of a user interface for creating and managing topics, with a prominent "Create Topic" button and a list of categories on the left-hand side. (Captioned by AI)
This image appears to depict a screenshot of a user interface for creating and managing topics, with a prominent "Create Topic" button and a list of categories on the left-hand side. (Captioned by AI)1791×253 20.9 KB

72

I’m unable to reproduce this, which browser are you using? is Discourse up-to-date?

The image depicts the homepage of a web forum called DevBox, featuring a prominent search bar, links to various topics, and a welcome message to new users. (Captioned by AI)
The image depicts the homepage of a web forum called DevBox, featuring a prominent search bar, links to various topics, and a welcome message to new users. (Captioned by AI)1405×442 63.6 KB

73

Hello,

Love this theme but there is a little problem for mobile,
there is no reply button for mobile, is it possible to have a reply button similar to create a new topic button when browsing categories?

1 Like
74

I see what you mean. No reply to topic. Only comment reply.

You are looking at a screenshot of a conversation on a mobile platform, with a new post inquiring about a reply button similar to the one used when browsing categories. (Captioned by AI)
You are looking at a screenshot of a conversation on a mobile platform, with a new post inquiring about a reply button similar to the one used when browsing categories. (Captioned by AI)864×1765 164 KB

75

The issue was resolved by activating the Full Width component. However, there’s now a large gap on the right side. Is there a way to adjust it so that both sides have equal spacing?

The image appears to be a screenshot of a website with a search bar, categories, and a welcome message, possibly a topic management or discussion forum platform. (Captioned by AI)
The image appears to be a screenshot of a website with a search bar, categories, and a welcome message, possibly a topic management or discussion forum platform. (Captioned by AI)1898×244 52.6 KB

76

I noticed your setup looks great and aligns with what I’m aiming for. If you’re comfortable with it, would you be open to sharing some of your configuration settings?

77

unfortunately they don’t share much advice for the customization we need. it took me 1 week to get this consistent design. whereas theme developers could have offered this skin as an alternative.

Anyway…

I disabled the full-width component. and added these as custom css.

#main-outlet-wrapper {
  display: flex;
  justify-content: space-between;
}
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
  flex: 1;
  box-sizing: border-box;
}
.sidebar-wrapper,.custom-right-sidebar{max-width:280px;}

@media (max-width: 768px) {
  #main-outlet-wrapper {
    flex-direction: column;
  }
}
body[class*=user-] .custom-tag-banner, body[class*=user-] 
.custom-category-banner, body[class*=user-] 
.custom-right-sidebar, body.archetype-regular 
.custom-tag-banner, body.archetype-regular 
.custom-category-banner, body.archetype-regular 
.custom-right-sidebar {
    display: flex;
}

Ekran Resmi 2024-11-06 12.56.14
Ekran Resmi 2024-11-06 12.56.141920×932 98.1 KB

Ekran Resmi 2024-11-06 12.53.00
Ekran Resmi 2024-11-06 12.53.001920×936 64.7 KB

I hope it helps. I will reply when you send me a message if necessary.

78

Thanks for sharing your CSS! I appreciate you taking the time, especially since it took you a week to get it working.