summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorCirno the Strongest <1447794+CirnoT@users.noreply.github.com>2020-06-26 02:07:15 +0200
committerGitHub <noreply@github.com>2020-06-26 03:07:15 +0300
commit0ea479561d758b2df51a4719379d32f3d096f590 (patch)
treec0975bdcace775b28e37cc4be80e5d995dd4bc1b
parent6764daf7e5a5c485d991fc8030c3c97eab3d1792 (diff)
downloadgitea-0ea479561d758b2df51a4719379d32f3d096f590.tar.gz
gitea-0ea479561d758b2df51a4719379d32f3d096f590.zip
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>
-rw-r--r--templates/repo/header_icon.tmpl39
-rw-r--r--web_src/less/_base.less4
-rw-r--r--web_src/less/_repository.less21
-rw-r--r--web_src/less/themes/theme-arc-green.less4
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;
+}