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

DEV: better class names for Flexbox

This commit is contained in:
Arpit Jalan 2019-09-09 21:33:53 +05:30
parent 9b10a78d82
commit 972c1acef8
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -196,10 +196,10 @@ div.lightbox-wrapper {
}
}
.topic-details-flex {
.topic-column-wrapper {
display: flex;
.topic-details-column-1 {
.topic-column.details-column {
flex-direction: column;
width: 80%;
@ -225,7 +225,7 @@ div.lightbox-wrapper {
}
}
.topic-details-column-2 {
.topic-column.featured-image-column {
.topic-featured-image img {
max-width: 200px;
max-height: 100px;

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

@ -4,8 +4,8 @@
<div class='topic-list-item'>
<%- if @template == "complete" %>
<div class='main-link'>
<div class="topic-details-flex">
<div class='topic-details-column-1'>
<div class="topic-column-wrapper">
<div class='topic-column details-column'>
<div class='topic-title-link'>
<a target="_parent" href="<%= t.url %>" class="title raw-link raw-topic-link" data-topic-id="<%= t.id %>"><%= t.title %></a>
</div>
@ -38,7 +38,7 @@
</div>
</div>
<div class='topic-details-column-2'>
<div class='topic-column featured-image-column'>
<%- if t.image_url.present? %>
<div class='topic-featured-image'>
<img src="<%= t.image_url %>">