From 0ea479561d758b2df51a4719379d32f3d096f590 Mon Sep 17 00:00:00 2001
From: Cirno the Strongest <1447794+CirnoT@users.noreply.github.com>
Date: Fri, 26 Jun 2020 02:07:15 +0200
Subject: [PATCH] Add org avatar on top of internal repo icon (#11895)

* Add org avatar on top of internal repo icon

* add color for arc-green

* use wrapper div to avoid negative margins

* rename class and move div

* move div to icon tmpl

* remove unnecessary margin for lock octicon

* fix label align together with #11891

Co-authored-by: techknowlogick <techknowlogick@gitea.io>
---
 templates/repo/header_icon.tmpl          | 39 +++++++++++++-----------
 web_src/less/_base.less                  |  4 +++
 web_src/less/_repository.less            | 21 ++++++++++---
 web_src/less/themes/theme-arc-green.less |  4 +++
 4 files changed, 45 insertions(+), 23 deletions(-)

diff --git a/templates/repo/header_icon.tmpl b/templates/repo/header_icon.tmpl
index 7184734bbf..ad169c5df3 100644
--- a/templates/repo/header_icon.tmpl
+++ b/templates/repo/header_icon.tmpl
@@ -1,23 +1,26 @@
-{{if $.IsTemplate}}
-	{{if $.IsPrivate}}
-		{{svg "octicon-repo-template-private" 32}}
+<div class="repo-header-icon">
+	{{if $.IsTemplate}}
+		{{if $.IsPrivate}}
+			{{svg "octicon-repo-template-private" 32}}
+		{{else}}
+			{{svg "octicon-repo-template" 32}}
+		{{end}}
 	{{else}}
-		{{svg "octicon-repo-template" 32}}
-	{{end}}
-{{else}}
-	{{if $.IsPrivate}}
-		{{svg "octicon-lock" 32}}
-	{{else if and (not $.IsMirror) (not $.IsFork) ($.Owner)}}
-		{{if $.Owner.Visibility.IsPrivate}}
-			{{svg "octicon-internal-repo" 32}}
+		{{if $.IsPrivate}}
+			{{svg "octicon-lock" 32}}
+		{{else if and (not $.IsMirror) (not $.IsFork) ($.Owner)}}
+			{{if $.Owner.Visibility.IsPrivate}}
+				{{svg "octicon-internal-repo" 32}}
+				<img class="ui avatar image" src="{{$.Owner.RelAvatarLink}}">
+			{{else}}
+				{{svg "octicon-repo" 32}}
+			{{end}}
+		{{else if $.IsMirror}}
+			{{svg "octicon-repo-clone" 32}}
+		{{else if $.IsFork}}
+			{{svg "octicon-repo-forked" 32}}
 		{{else}}
 			{{svg "octicon-repo" 32}}
 		{{end}}
-	{{else if $.IsMirror}}
-		{{svg "octicon-repo-clone" 32}}
-	{{else if $.IsFork}}
-		{{svg "octicon-repo-forked" 32}}
-	{{else}}
-		{{svg "octicon-repo" 32}}
 	{{end}}
-{{end}}
+</div>
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index 0f4f8bcd6d..4afa95d7fa 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -1317,3 +1317,7 @@ table th[data-sortt-desc] {
 .ui.secondary.pointing.menu .item {
     padding: 12px;
 }
+
+.ui.header > .ui.label.compact {
+    margin-top: inherit;
+}
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index c054b70971..2fd67b66fe 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -14,13 +14,24 @@
             font-weight: 400;
             font-size: 1.5rem;
 
-            svg {
-                position: relative;
-                top: 5px;
+            .label {
+                vertical-align: middle;
             }
 
-            svg.octicon-lock {
-                margin-left: 5px;
+            &.repo-title .repo-header-icon {
+                display: inline-block;
+                position: relative;
+
+                .avatar {
+                    position: absolute;
+                    right: 0;
+                    bottom: 0;
+                    width: 16px;
+                    height: 16px;
+                    color: #fafafa;
+                    box-shadow: 0 0 0 2px;
+                    margin: 0;
+                }
             }
         }
 
diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less
index 885889c3ac..f828448191 100644
--- a/web_src/less/themes/theme-arc-green.less
+++ b/web_src/less/themes/theme-arc-green.less
@@ -1596,3 +1596,7 @@ footer .container .links > * {
 .tribute-container li:hover {
     background: #728e5e !important;
 }
+
+.repository .repo-header .ui.huge.breadcrumb.repo-title .repo-header-icon .avatar {
+    color: #2a2e3a;
+}