files avatar in front of message and rounded gravatars

This commit is contained in:
Liviu 2019-05-07 07:44:32 +00:00
parent 59af00e0d2
commit d6eba8eeec
4 changed files with 34 additions and 9 deletions

View file

@ -726,8 +726,8 @@ label {
margin: -5px 0;
padding: 0;
line-height: 1em;
border: 1px solid @grey4;
box-sizing: content-box;
border-radius: 50%;
&.gravatar-large {
margin: -0.5em .25em -0.5em 0;

View file

@ -234,6 +234,16 @@
min-height: auto;
padding-right: 5px;
}
.left-content-avatar {
width: 45px;
float: left;
margin-top: 8px;
}
.left-content-message {
float: left;
}
}
.right-content { // similar to form fields
@ -271,12 +281,18 @@
}
.commit {
color: @grey1;
margin-bottom: 10px;
margin-bottom: 5px;
}
.commit.truncate-wrap {
overflow:hidden;
text-overflow: ellipsis;
}
.commit-author {
color: @grey1;
}
.commit-date {
color: @grey4;
}
}
// expand commit message

View file

@ -1,5 +1,5 @@
<div id="file-tree-wrapper" class="browser-body ${'full-load' if c.full_load else ''}">
<table class="code-browser rctable">
<table class="code-browser rctable repo_summary">
<thead>
<tr>
<th>${_('Name')}</th>

View file

@ -4,15 +4,24 @@
<div class="summary">
<div class="fieldset">
<div class="left-content">
<div class="fieldset collapsable-content no-hide" data-toggle="summary-details">
<div class="commit truncate-wrap">${h.urlify_commit_message(h.chop_at_smart(c.commit.message, '\n', suffix_if_chopped='...'), c.repo_name)}</div>
<div class="left-content-avatar">
${base.gravatar(c.commit.author, 30)}
</div>
<div class="fieldset collapsable-content" data-toggle="summary-details">
<div class="commit">${h.urlify_commit_message(c.commit.message,c.repo_name)}</div>
</div>
<div class="left-content-message">
<div class="fieldset collapsable-content no-hide" data-toggle="summary-details">
<div class="commit truncate-wrap">${h.urlify_commit_message(h.chop_at_smart(c.commit.message, '\n', suffix_if_chopped='...'), c.repo_name)}</div>
</div>
<div class="clear-fix">${base.gravatar_with_user(c.commit.author)}-${h.age_component(c.commit.date)}</div>
<div class="fieldset collapsable-content" data-toggle="summary-details">
<div class="commit">${h.urlify_commit_message(c.commit.message,c.repo_name)}</div>
</div>
<div class="clear-fix">
<span class="commit-author">${h.link_to_user(c.commit.author)}</span><span class="commit-date">-${h.age_component(c.commit.date)}</span>
</div>
</div>
</div>
<div class="right-content">