Sam's Simple Theme

On mobile the topic description seems to bleed outside the view port due to:

.topic-list .topic-excerpt {
    padding-right: 0;
    width: 120%;
}
1 Like

This should no longer be the case case the theme explicitly only defines desktop behavior.

1 Like

Sweet! Any chance of getting an export for the theme or are all the sections above up to date?

Edit: NVM, just found the GitHub repo.

Now that we have native themes, perhaps you can share your theme via a github repo?

2 Likes

I just added tags, so be sure to pull latest.

I experimented with a few positions and feel this works best for me.

3 Likes

I really like this theme, but it doesn’t honor the prioritize username in ux setting. I have it deselected, but this theme’s topic list still shows me usernames instead of full names.

I love this theme too but I have found out that when it’s enabled I can’t see the menu for bulk actions.

This is what I see with a ‘full’ Material theme

but I don’t see a way to enable the bulk selection with minimal:

Am I missing something?

3 Likes

Nope, just a bug in the theme I should get fixed :bug:

5 Likes

@sam any idea of when you may have time to fix it? Or any pointers to what may need adjusting, I may be able to do this myself :slight_smile: I would like to put this in production but I can’t if it hides important management features.

Sorry about the delay, fixed per:

https://github.com/SamSaffron/discourse-simple-theme/commit/74f5e0dc426b8eed181ac5843e97d97d276ca94d

3 Likes

Hi!
Something very weird happened to my minimal theme :wink:
Do you have any idea how to fix it?
Cheers!

2 Likes

Probably, need a website to see where css. As a rule, it is sufficient to add a fixed column width or set the width in percent.

Yeah this is a bug in the theme, #pr-welcome to fix it.

I’m more backend-Linux-bash-script person than CSS guru :wink: But thanks for hint, I’ll try to figure it out.

I fully agree with this @codinghorror. For me, seeing that a large number of people are chiming in makes me get major FOMO. What are they talking about? What am I missing?

In fact, we just switched our homepage to the Category / Latest Topics view, but the thing that I’m really missing from the Latest view is how activity is displayed in the form of avatars.

I tried to make a mock-up of my dream layout, but I’m not sure if I’m communicating the idea well enough. We might end up hiring a dev to help us make this change, but I’d love to hear from others on what they think.

ezgif-1-422c95fbfc

5 Likes

This totally depends on your community. For us the avatars on the index page are just clown vomit.

The reason is that 99% of the topics on our would have the maximum number of avatars shown. This produces a wide and colorful column to the middle of the screen, which has too much weight against a natural white background, and adds very little information as all topics are popular - everybody jumps to every topic. Very different to the user behavior that we see for example here.

One way to look at it is the topics/posts ratio. Here at Meta there are 160 new topics and 2.8k posts for the last 7 days. On our community there are only 22 topics but 4.1k posts for the same period.

The avatars do work on small and growing communities, as it makes the front page look busy / active.

1 Like

Do not know where to add, I want to share. In this example, you can see how to change the individual elements in the design. I do not know how true this approach is.

Add:

PLAGIN/assets/javascripts/discourse/helpers/catid-img.js.es6

import { registerUnbound } from 'discourse-common/lib/helpers';

var get = Em.get,
    escapeExpression = Handlebars.Utils.escapeExpression;

export function categoryBadgeHTML(category, opts) {
  opts = opts || {};

  let categoryID = escapeExpression(get(category, 'id'));
  let img = Discourse.Category.findById(categoryID).uploaded_logo.url;
  let categoryName = escapeExpression(get(category, 'name'));
  let url = opts.url ? opts.url : Discourse.getURL("/c/") + Discourse.Category.slugFor(category); 
 
  return `<a class="catid-url" title="${categoryName}" href="${url}"><img src="${img}" alt="${categoryName}" class="catid-logo"></a>`;
}

export function categoryLinkHTML(category, options) {
  var categoryOptions = {};
  return new Handlebars.SafeString(categoryBadgeHTML(category, categoryOptions));
}

registerUnbound('catid-img', categoryLinkHTML);

Add:

Toxu-cat

{{catid-img topic.category}}

The output of category icons:

P.S. perhaps this can be done in another way, more easier, but it is easier for me to add 1 file to the plugin.

3 Likes

How can we contribute translations to the theme?

How to fix this, i already disable the Topic List Preview plugin but still same as picture below

Replies Last Post are on wrong section, and view count still visible

@sam

pushing this :slight_smile:

the same issue appeared for me today. My discourse runs on 2.1.3.

1 Like