Adding bio to summary

This commit is contained in:
Will Bradley 2014-02-14 04:04:28 -07:00
parent 03a0588073
commit c5556a0d50
2 changed files with 24 additions and 9 deletions

View File

@ -1,8 +1,12 @@
<div class="thumbnail col-lg-1 col-sm-2 col-xs-4">
<%= image_tag user.gravatar_url(:default => "http://members.heatsynclabs.org/pirate.png") %>
<span class="badges">
<%= render partial: 'badges', locals: {user: user} %>
</span>
<%= link_to (image_tag user.gravatar_url(:default => "http://members.heatsynclabs.org/pirate.png") ), user %>
<span class="badges">
<%= render partial: 'badges', locals: {user: user} %>
</span>
<h4><%= link_to user.name, user %></h4>
<div class="bio">
<small><%= strip_tags(user.current_skills).truncate(50) %></small>
</div>
<h4><%= link_to user.name, user %>
</h4>
</div>

View File

@ -1,10 +1,14 @@
<style type="text/css">
.users .thumbnail {
height: 200px;
.users .fthumbnail {
height: 250px;
position: relative;
}
.users .badges { position: absolute; bottom: 3em; }
.users .badges {
display: block;
width: 100%;
height: 24px;
}
.users .badges img {
float: left;
width: 24px;
@ -12,7 +16,14 @@
background-color: white;
border-radius: 12px;
}
.users .thumbnail h4 { position: absolute; bottom: 1px; margin-bottom: 1px; }
.users .bio, .users .thumbnail h4 {
overflow: hidden;
text-overflow: ellipsis;
height: 3em;
}
.users .thumbnail h4 {
height: 1em;
}
</style>