Fix styling for commiter on diff view (#11715)
* Fix styling for commiter on diff view * Update options/locale/locale_en-US.ini * Update templates/repo/commit_page.tmpl Co-authored-by: silverwind <me@silverwind.io> * Update templates/repo/commit_page.tmpl Co-authored-by: silverwind <me@silverwind.io> * Apply suggestions from code review Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: techknowlogick <techknowlogick@gitea.io>
This commit is contained in:
parent
dcefcc10e6
commit
8e035f81c0
3 changed files with 34 additions and 12 deletions
|
@ -1651,6 +1651,7 @@ diff.review.placeholder = Review comment
|
||||||
diff.review.comment = Comment
|
diff.review.comment = Comment
|
||||||
diff.review.approve = Approve
|
diff.review.approve = Approve
|
||||||
diff.review.reject = Request changes
|
diff.review.reject = Request changes
|
||||||
|
diff.committed_by = committed by
|
||||||
|
|
||||||
releases.desc = Track project versions and downloads.
|
releases.desc = Track project versions and downloads.
|
||||||
release.releases = Releases
|
release.releases = Releases
|
||||||
|
|
|
@ -33,7 +33,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="ui attached info segment {{$class}}">
|
<div class="ui attached info segment {{$class}}">
|
||||||
<div class="ui stackable grid">
|
<div class="ui stackable grid">
|
||||||
<div class="ten wide column">
|
<div class="nine wide column">
|
||||||
{{if .Author}}
|
{{if .Author}}
|
||||||
<img class="ui avatar image" src="{{.Author.RelAvatarLink}}" />
|
<img class="ui avatar image" src="{{.Author.RelAvatarLink}}" />
|
||||||
{{if .Author.FullName}}
|
{{if .Author.FullName}}
|
||||||
|
@ -45,19 +45,22 @@
|
||||||
<img class="ui avatar image" src="{{AvatarLink .Commit.Author.Email}}" />
|
<img class="ui avatar image" src="{{AvatarLink .Commit.Author.Email}}" />
|
||||||
<strong>{{.Commit.Author.Name}}</strong>
|
<strong>{{.Commit.Author.Name}}</strong>
|
||||||
{{end}}
|
{{end}}
|
||||||
{{if or (ne .Commit.Committer.Name .Commit.Author.Name) (ne .Commit.Committer.Email .Commit.Author.Email)}}
|
|
||||||
<span> </span>
|
|
||||||
{{if ne .Verification.CommittingUser.ID 0}}
|
|
||||||
<img class="ui avatar image" src="{{.Verification.CommittingUser.RelAvatarLink}}" />
|
|
||||||
<a href="{{.Verification.CommittingUser.HomeLink}}"><strong>{{.Commit.Committer.Name}}</strong> <{{.Commit.Committer.Email}}></a>
|
|
||||||
{{else}}
|
|
||||||
<img class="ui avatar image" src="{{AvatarLink .Commit.Committer.Email}}" />
|
|
||||||
<strong>{{.Commit.Committer.Name}}</strong>
|
|
||||||
{{end}}
|
|
||||||
{{end}}
|
|
||||||
<span class="text grey" id="authored-time">{{TimeSince .Commit.Author.When $.Lang}}</span>
|
<span class="text grey" id="authored-time">{{TimeSince .Commit.Author.When $.Lang}}</span>
|
||||||
|
{{if or (ne .Commit.Committer.Name .Commit.Author.Name) (ne .Commit.Committer.Email .Commit.Author.Email)}}
|
||||||
|
<div class="committed-by">
|
||||||
|
<span class="text grey">{{svg "octicon-git-commit" 16}}{{.i18n.Tr "repo.diff.committed_by"}}</span>
|
||||||
|
{{if ne .Verification.CommittingUser.ID 0}}
|
||||||
|
<img class="ui avatar image" src="{{.Verification.CommittingUser.RelAvatarLink}}" />
|
||||||
|
<a href="{{.Verification.CommittingUser.HomeLink}}"><strong>{{.Commit.Committer.Name}}</strong> <{{.Commit.Committer.Email}}></a>
|
||||||
|
{{else}}
|
||||||
|
<img class="ui avatar image" src="{{AvatarLink .Commit.Committer.Email}}" />
|
||||||
|
<strong>{{.Commit.Committer.Name}}</strong>
|
||||||
|
{{end}}
|
||||||
|
</div>
|
||||||
|
{{end}}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="six wide right aligned column">
|
<div class="seven wide right aligned column">
|
||||||
<div class="ui horizontal list">
|
<div class="ui horizontal list">
|
||||||
{{if .Parents}}
|
{{if .Parents}}
|
||||||
<div class="item">
|
<div class="item">
|
||||||
|
|
|
@ -2376,6 +2376,24 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.diff .committed-by {
|
||||||
|
padding-top: .5rem;
|
||||||
|
|
||||||
|
.ui.avatar {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
margin-right: .25rem;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
margin-right: 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// End of .repository
|
// End of .repository
|
||||||
|
|
Loading…
Reference in a new issue