Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: convert embedded topic list HTML structure from table to div

This commit is contained in:
Arpit Jalan 2019-08-29 22:22:38 +05:30
parent 2b3dd1b945
commit b63d476ee9
2 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/assets/stylesheets/embed.scss
View File

@ -178,16 +178,22 @@ div.lightbox-wrapper {
.topics-list {
width: 100%;
.topic-list-item {
td {
padding: 0.5rem;
}
.main-link a {
color: $primary;
}
.main-link a:visited {
color: $primary-medium;
.topic-list-item {
clear: both;
.main-link {
border-bottom: 1px solid #e9e9e9;
padding: 0.5rem;
width: 100%;
a {
color: $primary;
}
a:visited {
color: $primary-medium;
}
}
}
}

10
app/views/embed/topics.html.erb
View File

@ -1,11 +1,11 @@
<%- if @list && @list.topics.present? %>
<table class='topics-list' data-embed-state='loaded' <%- if @embed_id %>data-embed-id="<%= @embed_id %>"<%- end %>>
<div class='topics-list' data-embed-state='loaded' <%- if @embed_id %>data-embed-id="<%= @embed_id %>"<%- end %>>
<%- @list.topics.each do |t| %>
<tr class='topic-list-item'>
<td class='main-link'>
<div class='topic-list-item'>
<div class='main-link'>
<a target="_parent" href="<%= t.url %>" class="title raw-link raw-topic-link" data-topic-id="<%= t.id %>"><%= t.title %></a>
</td>
</div>
</div>
<%- end %>
</table>
</div>
<%- end %>