Followup on https://github.com/go-gitea/gitea/pull/15952, use SVG for migration icon. <img width="541" alt="Screen Shot 2021-05-23 at 00 26 12" src="https://user-images.githubusercontent.com/115237/119242417-c1a37600-bb5d-11eb-9f97-a80aa89741ee.png"> <img width="540" alt="Screen Shot 2021-05-23 at 00 25 39" src="https://user-images.githubusercontent.com/115237/119242419-c2d4a300-bb5d-11eb-9792-1e6e4092c9f9.png">tags/v1.16.0-rc1
return keyN | return keyN | ||||
} | } | ||||
// MigrationIcon returns a Font Awesome name matching the service an issue/comment was migrated from | |||||
// MigrationIcon returns a SVG name matching the service an issue/comment was migrated from | |||||
func MigrationIcon(hostname string) string { | func MigrationIcon(hostname string) string { | ||||
switch hostname { | switch hostname { | ||||
case "github.com": | case "github.com": | ||||
return "fa-github" | |||||
return "octicon-mark-github" | |||||
default: | default: | ||||
return "fa-git-alt" | |||||
return "gitea-git" | |||||
} | } | ||||
} | } | ||||
<svg viewBox="0 0 48 48" class="svg gitea-git" width="16" height="16" aria-hidden="true"><path fill="#F4511E" d="M42.2 22.1 25.9 5.8c-.5-.5-1.2-.8-1.9-.8s-1.4.3-1.9.8l-3.5 3.5 4.1 4.1c.4-.2.8-.3 1.3-.3 1.7 0 3 1.3 3 3 0 .5-.1.9-.3 1.3l4 4c.4-.2.8-.3 1.3-.3 1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3c0-.5.1-.9.3-1.3l-4-4c-.1 0-.2.1-.3.1v10.4c1.2.4 2 1.5 2 2.8 0 1.7-1.3 3-3 3s-3-1.3-3-3c0-1.3.8-2.4 2-2.8V18.8c-1.2-.4-2-1.5-2-2.8 0-.5.1-.9.3-1.3l-4.1-4.1L5.8 22.1c-.5.5-.8 1.2-.8 1.9s.3 1.4.8 1.9l16.3 16.3c.5.5 1.2.8 1.9.8s1.4-.3 1.9-.8l16.3-16.3c.5-.5.8-1.2.8-1.9s-.3-1.4-.8-1.9z"/></svg> | |||||
<svg viewBox="0 0 48 48" class="svg gitea-git" width="16" height="16" aria-hidden="true"><path d="M42.2 22.1 25.9 5.8c-.5-.5-1.2-.8-1.9-.8s-1.4.3-1.9.8l-3.5 3.5 4.1 4.1c.4-.2.8-.3 1.3-.3 1.7 0 3 1.3 3 3 0 .5-.1.9-.3 1.3l4 4c.4-.2.8-.3 1.3-.3 1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3c0-.5.1-.9.3-1.3l-4-4c-.1 0-.2.1-.3.1v10.4c1.2.4 2 1.5 2 2.8 0 1.7-1.3 3-3 3s-3-1.3-3-3c0-1.3.8-2.4 2-2.8V18.8c-1.2-.4-2-1.5-2-2.8 0-.5.1-.9.3-1.3l-4.1-4.1L5.8 22.1c-.5.5-.8 1.2-.8 1.9s.3 1.4.8 1.9l16.3 16.3c.5.5 1.2.8 1.9.8s1.4-.3 1.9-.8l16.3-16.3c.5-.5.8-1.2.8-1.9s-.3-1.4-.8-1.9z"/></svg> |
<div class="comment-header-left df ac"> | <div class="comment-header-left df ac"> | ||||
{{if .OriginalAuthor }} | {{if .OriginalAuthor }} | ||||
<span class="text black mr-2"> | <span class="text black mr-2"> | ||||
<i class="fa {{MigrationIcon $.root.Repository.GetOriginalURLHostname}}" aria-hidden="true"></i> | |||||
{{svg (MigrationIcon $.root.Repository.GetOriginalURLHostname)}} | |||||
{{ .OriginalAuthor }} | {{ .OriginalAuthor }} | ||||
</span> | </span> | ||||
<span class="text grey"> | <span class="text grey"> |
<div class="comment-header-left df ac"> | <div class="comment-header-left df ac"> | ||||
{{if .Issue.OriginalAuthor }} | {{if .Issue.OriginalAuthor }} | ||||
<span class="text black"> | <span class="text black"> | ||||
<i class="fa {{MigrationIcon .Repository.GetOriginalURLHostname}}" aria-hidden="true"></i> | |||||
{{svg (MigrationIcon .Repository.GetOriginalURLHostname)}} | |||||
{{ .Issue.OriginalAuthor }} | {{ .Issue.OriginalAuthor }} | ||||
</span> | </span> | ||||
<span class="text grey"> | <span class="text grey"> |
<div class="comment-header-left df ac"> | <div class="comment-header-left df ac"> | ||||
{{if .OriginalAuthor }} | {{if .OriginalAuthor }} | ||||
<span class="text black mr-2"> | <span class="text black mr-2"> | ||||
<i class="fa {{MigrationIcon $.Repository.GetOriginalURLHostname}}" aria-hidden="true"></i> | |||||
{{svg (MigrationIcon $.Repository.GetOriginalURLHostname)}} | |||||
{{ .OriginalAuthor }} | {{ .OriginalAuthor }} | ||||
</span> | </span> | ||||
<span class="text grey"> | <span class="text grey"> | ||||
<span class="badge{{if eq .Review.Type 1}} bg-green text-white{{else if eq .Review.Type 3}} bg-red text-white{{end}}">{{svg (printf "octicon-%s" .Review.Type.Icon)}}</span> | <span class="badge{{if eq .Review.Type 1}} bg-green text-white{{else if eq .Review.Type 3}} bg-red text-white{{end}}">{{svg (printf "octicon-%s" .Review.Type.Icon)}}</span> | ||||
<span class="text grey"> | <span class="text grey"> | ||||
{{if .OriginalAuthor }} | {{if .OriginalAuthor }} | ||||
<span class="text black"><i class="fa {{MigrationIcon $.Repository.GetOriginalURLHostname}}" aria-hidden="true"></i> {{ .OriginalAuthor }}</span><span class="text grey"> {{if $.Repository.OriginalURL}}</span><span class="text migrate">({{$.i18n.Tr "repo.migrated_from" $.Repository.OriginalURL $.Repository.GetOriginalURLHostname | Safe }}){{end}}</span> | |||||
<span class="text black"> | |||||
{{svg (MigrationIcon $.Repository.GetOriginalURLHostname)}} | |||||
{{ .OriginalAuthor }} | |||||
</span> | |||||
<span class="text grey"> {{if $.Repository.OriginalURL}}</span> | |||||
<span class="text migrate">({{$.i18n.Tr "repo.migrated_from" $.Repository.OriginalURL $.Repository.GetOriginalURLHostname | Safe }}){{end}}</span> | |||||
{{else}} | {{else}} | ||||
<a class="author"{{if gt .Poster.ID 0}} href="{{.Poster.HomeLink}}"{{end}}>{{.Poster.GetDisplayName}}</a> | <a class="author"{{if gt .Poster.ID 0}} href="{{.Poster.HomeLink}}"{{end}}>{{.Poster.GetDisplayName}}</a> | ||||
{{end}} | {{end}} | ||||
<div class="ui top attached header comment-header df ac sb"> | <div class="ui top attached header comment-header df ac sb"> | ||||
<span class="text grey"> | <span class="text grey"> | ||||
{{if .OriginalAuthor }} | {{if .OriginalAuthor }} | ||||
<span class="text black"><i class="fa {{MigrationIcon $.Repository.GetOriginalURLHostname}}" aria-hidden="true"></i> {{ .OriginalAuthor }}</span><span class="text grey"> {{if $.Repository.OriginalURL}}</span><span class="text migrate">({{$.i18n.Tr "repo.migrated_from" $.Repository.OriginalURL $.Repository.GetOriginalURLHostname | Safe }}){{end}}</span> | |||||
<span class="text black"> | |||||
{{svg (MigrationIcon $.Repository.GetOriginalURLHostname)}} | |||||
{{ .OriginalAuthor }} | |||||
</span> | |||||
<span class="text grey"> {{if $.Repository.OriginalURL}}</span> | |||||
<span class="text migrate">({{$.i18n.Tr "repo.migrated_from" $.Repository.OriginalURL $.Repository.GetOriginalURLHostname | Safe }}){{end}}</span> | |||||
{{else}} | {{else}} | ||||
<a class="author"{{if gt .Poster.ID 0}} href="{{.Poster.HomeLink}}"{{end}}>{{.Poster.GetDisplayName}}</a> | <a class="author"{{if gt .Poster.ID 0}} href="{{.Poster.HomeLink}}"{{end}}>{{.Poster.GetDisplayName}}</a> | ||||
{{end}} | {{end}} | ||||
{{end}} | {{end}} | ||||
<span class="text grey"> | <span class="text grey"> | ||||
{{if .OriginalAuthor }} | {{if .OriginalAuthor }} | ||||
<span class="text black"><i class="fa {{MigrationIcon $.Repository.GetOriginalURLHostname}}" aria-hidden="true"></i> {{ .OriginalAuthor }}</span><span class="text grey"> {{if $.Repository.OriginalURL}}</span><span class="text migrate">({{$.i18n.Tr "repo.migrated_from" $.Repository.OriginalURL $.Repository.GetOriginalURLHostname | Safe }}){{end}}</span> | |||||
<span class="text black"> | |||||
{{svg (MigrationIcon $.Repository.GetOriginalURLHostname)}} | |||||
{{ .OriginalAuthor }} | |||||
</span> | |||||
<span class="text grey"> {{if $.Repository.OriginalURL}}</span> | |||||
<span class="text migrate">({{$.i18n.Tr "repo.migrated_from" $.Repository.OriginalURL $.Repository.GetOriginalURLHostname | Safe }}){{end}}</span> | |||||
{{else}} | {{else}} | ||||
<a class="author"{{if gt .Poster.ID 0}} href="{{.Poster.HomeLink}}"{{end}}>{{.Poster.GetDisplayName}}</a> | <a class="author"{{if gt .Poster.ID 0}} href="{{.Poster.HomeLink}}"{{end}}>{{.Poster.GetDisplayName}}</a> | ||||
{{end}} | {{end}} |
<div class="ui divider"></div> | <div class="ui divider"></div> | ||||
<div class="review-item"> | <div class="review-item"> | ||||
<div class="review-item-left"> | <div class="review-item-left"> | ||||
<a href="{{$.Repository.OriginalURL}}" class="ui poping up" data-content="{{$.i18n.Tr "repo.migrated_from_fake" $.Repository.GetOriginalURLHostname | Safe }}"><span class="text black "><i class="fa {{MigrationIcon $.Repository.GetOriginalURLHostname}}" aria-hidden="true"></i> {{ .OriginalAuthor }}</span></a> | |||||
<a href="{{$.Repository.OriginalURL}}" class="ui poping up" data-content="{{$.i18n.Tr "repo.migrated_from_fake" $.Repository.GetOriginalURLHostname | Safe }}"> | |||||
<span class="text black "> | |||||
{{svg (MigrationIcon $.Repository.GetOriginalURLHostname)}} | |||||
{{ .OriginalAuthor }} | |||||
</span> | |||||
</a> | |||||
</div> | </div> | ||||
<div class="review-item-right"> | <div class="review-item-right"> | ||||
<span class="type-icon text {{if eq .Type 1}}green | <span class="type-icon text {{if eq .Type 1}}green |
{{end}} | {{end}} | ||||
{{range .OriginalReviews}} | {{range .OriginalReviews}} | ||||
<div class="item" style="margin-bottom: 10px;"> | <div class="item" style="margin-bottom: 10px;"> | ||||
<a href="{{$.Repository.OriginalURL}}" class="ui poping up" data-content="{{$.i18n.Tr "repo.migrated_from_fake" $.Repository.GetOriginalURLHostname | Safe }}"><span class="text black "><i class="fa {{MigrationIcon $.Repository.GetOriginalURLHostname}}" aria-hidden="true"></i> {{ .OriginalAuthor }}</span></a> | |||||
<a href="{{$.Repository.OriginalURL}}" class="ui poping up" data-content="{{$.i18n.Tr "repo.migrated_from_fake" $.Repository.GetOriginalURLHostname | Safe }}"> | |||||
<span class="text black"> | |||||
{{svg (MigrationIcon $.Repository.GetOriginalURLHostname)}} | |||||
{{ .OriginalAuthor }} | |||||
</span> | |||||
</a> | |||||
<span class="ui right type-icon text {{if eq .Type 1}}green | <span class="ui right type-icon text {{if eq .Type 1}}green | ||||
{{- else if eq .Type 2}}grey | {{- else if eq .Type 2}}grey | ||||
{{- else if eq .Type 3}}red | {{- else if eq .Type 3}}red |
.migrate { | .migrate { | ||||
color: var(--color-text-light-2) !important; | color: var(--color-text-light-2) !important; | ||||
opacity: .5; | |||||
a { | a { | ||||
color: var(--color-text-light) !important; | color: var(--color-text-light) !important; | ||||
} | } | ||||
} | } | ||||
.migrate .svg.gitea-git { | |||||
color: #f05133; /* from https://upload.wikimedia.org/wikipedia/commons/e/e0/Git-logo.svg */ | |||||
} | |||||
.ui.popup { | .ui.popup { | ||||
background-color: var(--color-body); | background-color: var(--color-body); | ||||
color: var(--color-secondary-dark-6); | color: var(--color-secondary-dark-6); |
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="64px" height="64px"><path fill="#F4511E" d="M42.2,22.1L25.9,5.8C25.4,5.3,24.7,5,24,5c0,0,0,0,0,0c-0.7,0-1.4,0.3-1.9,0.8l-3.5,3.5l4.1,4.1c0.4-0.2,0.8-0.3,1.3-0.3c1.7,0,3,1.3,3,3c0,0.5-0.1,0.9-0.3,1.3l4,4c0.4-0.2,0.8-0.3,1.3-0.3c1.7,0,3,1.3,3,3s-1.3,3-3,3c-1.7,0-3-1.3-3-3c0-0.5,0.1-0.9,0.3-1.3l-4-4c-0.1,0-0.2,0.1-0.3,0.1v10.4c1.2,0.4,2,1.5,2,2.8c0,1.7-1.3,3-3,3s-3-1.3-3-3c0-1.3,0.8-2.4,2-2.8V18.8c-1.2-0.4-2-1.5-2-2.8c0-0.5,0.1-0.9,0.3-1.3l-4.1-4.1L5.8,22.1C5.3,22.6,5,23.3,5,24c0,0.7,0.3,1.4,0.8,1.9l16.3,16.3c0,0,0,0,0,0c0.5,0.5,1.2,0.8,1.9,0.8s1.4-0.3,1.9-0.8l16.3-16.3c0.5-0.5,0.8-1.2,0.8-1.9C43,23.3,42.7,22.6,42.2,22.1z"/></svg> | |||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="64px" height="64px"><path d="M42.2,22.1L25.9,5.8C25.4,5.3,24.7,5,24,5c0,0,0,0,0,0c-0.7,0-1.4,0.3-1.9,0.8l-3.5,3.5l4.1,4.1c0.4-0.2,0.8-0.3,1.3-0.3c1.7,0,3,1.3,3,3c0,0.5-0.1,0.9-0.3,1.3l4,4c0.4-0.2,0.8-0.3,1.3-0.3c1.7,0,3,1.3,3,3s-1.3,3-3,3c-1.7,0-3-1.3-3-3c0-0.5,0.1-0.9,0.3-1.3l-4-4c-0.1,0-0.2,0.1-0.3,0.1v10.4c1.2,0.4,2,1.5,2,2.8c0,1.7-1.3,3-3,3s-3-1.3-3-3c0-1.3,0.8-2.4,2-2.8V18.8c-1.2-0.4-2-1.5-2-2.8c0-0.5,0.1-0.9,0.3-1.3l-4.1-4.1L5.8,22.1C5.3,22.6,5,23.3,5,24c0,0.7,0.3,1.4,0.8,1.9l16.3,16.3c0,0,0,0,0,0c0.5,0.5,1.2,0.8,1.9,0.8s1.4-0.3,1.9-0.8l16.3-16.3c0.5-0.5,0.8-1.2,0.8-1.9C43,23.3,42.7,22.6,42.2,22.1z"/></svg> |