Fix height issue on user profile header (#397)

This commit is contained in:
Ben Halpern 2018-06-06 21:05:22 -04:00 committed by GitHub
parent ffd1fd3b9e
commit 7bb7ef32ba
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 6 deletions

View file

@ -213,7 +213,7 @@
}
.user-profile-header-container{
@media screen and ( min-width: 1100px ){
width: calc( 100% - 400px);
width: calc( 100% - 420px);
margin-left: 6%;
}
}
@ -225,7 +225,7 @@
right: 0px;
top: 0px;
bottom: 0px;
width: 350px;
width: 370px;
}
.user-metadata-details-inner{
padding: 8px 0px;
@ -244,8 +244,8 @@
.row{
padding: calc(5px + 0.2vw) 0px;
display: inline-block;
padding-left: 18px;
width: 300px;
padding-left: 16px;
width: 322px;
max-width:92%;
}
.key{
@ -256,8 +256,8 @@
}
.value{
display: inline-block;
font-size: 0.9em;
margin-bottom: 5px;
font-size: 0.85em;
margin-bottom: 4px;
}
}
}

View file

@ -3,6 +3,7 @@
color: <%= HexComparer.new([user_colors(@user)[:bg], user_colors(@user)[:text]]).brightness(0.95) %>
}
</style>
<div class="user-metadata-details">
<div class="user-metadata-details-inner">
<% if @organization %>
@ -37,6 +38,11 @@
</div>
<% end %>
<% else %>
<% if @user.email_public && @user.employer_name.present? && @user.location.present? && @user.education.present? %>
<style>
.user-profile-header {min-height: 410px;}
</style>
<% end %>
<% if @user.email_public %>
<div class="row">
<div class="key">