[fix #7384] make show private icon when repo avatar set (#8144) (#8175)

public/css/index.css

@@ -391,6 +391,8 @@ footer .ui.left,footer .ui.right{line-height:40px}
 .repository .repo-header .ui.header{margin-top:0}
 .repository .repo-header .mega-octicon{width:30px;font-size:30px}
 .repository .repo-header .ui.huge.breadcrumb{font-weight:400;font-size:1.5rem}
+.repository .repo-header .ui.huge.breadcrumb i.mega-octicon{position:relative;top:5px}
+.repository .repo-header .ui.huge.breadcrumb i.octicon-lock{margin-left:5px}
 .repository .repo-header .fork-flag{margin-left:36px;margin-top:3px;display:block;font-size:12px;white-space:nowrap}
 .repository .repo-header .octicon.octicon-repo-forked{margin-top:-1px;font-size:15px}
 .repository .repo-header .button{margin-top:2px;margin-bottom:2px}

public/less/_repository.less

@@ -20,6 +20,15 @@
         .ui.huge.breadcrumb {
             font-weight: 400;
             font-size: 1.5rem;
+
+            i.mega-octicon {
+                position: relative;
+                top: 5px;
+            }
+
+            i.octicon-lock {
+                margin-left: 5px;
+            }
         }
 
         .fork-flag {

templates/repo/header.tmpl

@@ -11,6 +11,7 @@
 				<a href="{{AppSubUrl}}/{{.Owner.Name}}">{{.Owner.Name}}</a>
 				<div class="divider"> / </div>
 				<a href="{{$.RepoLink}}">{{.Name}}</a>
+				{{if and .RelAvatarLink .IsPrivate}}<i class="mega-octicon octicon-lock"></i>{{end}}
 				{{if .IsArchived}}<i class="archive icon archived-icon"></i>{{end}}
 				{{if .IsMirror}}<div class="fork-flag">{{$.i18n.Tr "repo.mirror_from"}} <a target="_blank" rel="noopener noreferrer" href="{{$.Mirror.Address}}">{{$.Mirror.Address}}</a></div>{{end}}
 				{{if .IsFork}}<div class="fork-flag">{{$.i18n.Tr "repo.forked_from"}} <a href="{{.BaseRepo.Link}}">{{SubStr .BaseRepo.RelLink 1 -1}}</a></div>{{end}}