diff options
author | Cirno the Strongest <1447794+CirnoT@users.noreply.github.com> | 2020-06-26 02:07:15 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-06-26 03:07:15 +0300 |
commit | 0ea479561d758b2df51a4719379d32f3d096f590 (patch) | |
tree | c0975bdcace775b28e37cc4be80e5d995dd4bc1b | |
parent | 6764daf7e5a5c485d991fc8030c3c97eab3d1792 (diff) | |
download | gitea-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.tmpl | 39 | ||||
-rw-r--r-- | web_src/less/_base.less | 4 | ||||
-rw-r--r-- | web_src/less/_repository.less | 21 | ||||
-rw-r--r-- | 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; +} |