The topic list doesn't need a category column

UX
49

I had the same idea with the responsive windows and the width of the category, that’s why I didn’t want to use the theme component.

I used @LeoDavidson css as a base so it’s a bit different of your work. But I noticed a little issue with the topic excerpt (it was put below the category name, not below the topic title), and since I didn’t want to hide it, I did some things here and there

Since we are in the spirit of sharing, here’s my css:

@media (min-width: 960px) {
    .topic-list .link-bottom-line {
        float: right;
        margin-top: 0.250em;
    }
    .topic-list .has-excerpt .link-bottom-line {
        margin-top: -20px;
        float: none;
    }
    .topic-list .link-bottom-line .badge-wrapper.bullet {
    	float: right;
    	margin-left: 1em;
    	margin-right: 0.250em;
    	width: 145px;
    }
    .topic-list .link-bottom-line .discourse-tags {
    	float: right;
    	margin-left: 1em;
    }
    .topic-list .has-excerpt .topic-excerpt {
       padding-top: 20px;
    }
}

I didn’t try yours @bts, maybe you don’t have this issue at all.

BTW, the theme component was not announced here, you can add a category column without all of these tweaks by using this : Add Category Column

6 Likes