3724 - Fix badges order on profile sidebar (#3729)
Make sure the layout is consistent when rendering badges on the sidebar fixes #3724
This commit is contained in:
parent
0b64407b81
commit
df301c8290
2 changed files with 4 additions and 5 deletions
|
|
@ -6,7 +6,6 @@
|
|||
z-index: 1;
|
||||
color: black;
|
||||
opacity: 1 !important;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.badge-achievement-image {
|
||||
|
|
@ -35,12 +34,14 @@
|
|||
overflow: auto;
|
||||
min-height: 105px;
|
||||
overflow: visible;
|
||||
display: grid;
|
||||
grid-template-columns: 50% 50%;
|
||||
}
|
||||
</style>
|
||||
<div style="overflow: visible;padding-top:20px;">
|
||||
<div class="widget-body badge-widget">
|
||||
<% @user.badge_achievements.order("id DESC").includes(:badge).each do |achievement| %>
|
||||
<a class="badge-achievement" style="<%= "float:right" if achievement.id.digits.first.even? %>" href="/badge/<%= achievement.badge.slug %>">
|
||||
<a class="badge-achievement" href="/badge/<%= achievement.badge.slug %>">
|
||||
<img
|
||||
src="<%= cloudinary achievement.badge.badge_image_url, 180 %>"
|
||||
alt="<%= achievement.badge.title %>"
|
||||
|
|
|
|||
|
|
@ -22,8 +22,6 @@
|
|||
</div>
|
||||
</a>
|
||||
<% end %>
|
||||
<% if @user.badge_achievements_count > 0 %>
|
||||
<%= render "articles/badges_area" %>
|
||||
<% end %>
|
||||
<%= render "articles/badges_area" %>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue