IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix up some markup to making styling latest categories easier

Browse Source
This commit is contained in:
Robin Ward 2017-08-11 16:48:58 -04:00
parent c924975086
commit 2589b59f39
3 changed files with 60 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/discourse/components/latest-topic-list-item.js.es6
View File

@ -3,4 +3,6 @@ import { showEntrance } from "discourse/components/topic-list-item";
export default Ember.Component.extend({ export default Ember.Component.extend({
tagName: "tr", tagName: "tr",
click: showEntrance, click: showEntrance,
classBindings: ['topic.archived'],
attributeBindings: ['topic.id:data-topic-id']
}); });

6
app/assets/javascripts/discourse/templates/components/latest-topic-list-item.hbs
View File

@ -1,6 +1,3 @@
<table>
<tbody>
<tr data-topic-id={{topic.id}} class="{{if topic.archived 'archived'}}">
<td class="topic-poster"> <td class="topic-poster">
{{#with topic.lastPoster as |lastPoster|}} {{#with topic.lastPoster as |lastPoster|}}
{{#user-link user=lastPoster}} {{#user-link user=lastPoster}}
@ -28,6 +25,3 @@
<a href="{{topic.lastPostUrl}}" title="{{topic.bumpedAtTitle}}">{{format-date topic.bumpedAt format="tiny" noTitle="true"}}</a> <a href="{{topic.lastPostUrl}}" title="{{topic.bumpedAtTitle}}">{{format-date topic.bumpedAt format="tiny" noTitle="true"}}</a>
</div> </div>
</td> </td>
</tr>
</tbody>
</table>

25
app/assets/stylesheets/desktop/category-list.scss
View File

@ -115,24 +115,13 @@
} }
} }
.categories-and-latest {
.category-list,
.topic-list-latest { .topic-list-latest {
width: 48%;
}
.category-list {
float: left;
}
.topic-list-latest {
float: right;
th.latest { th.latest {
line-height: 19px; line-height: 19px;
} }
} }
.categories-and-latest, .topic-list-latest {
.main-link { .main-link {
width: 100%; width: 100%;
} }
@ -158,7 +147,6 @@
padding-left: 8px; padding-left: 8px;
} }
.topic-list {
.posts { .posts {
width: 100%; width: 100%;
text-align: right; text-align: right;
@ -178,4 +166,15 @@
} }
} }
} }
.categories-and-latest {
.category-list {
width: 48%;
float: left;
}
.topic-list-latest {
width: 48%;
float: right;
}
} }