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>
This commit is contained in:
parent
6764daf7e5
commit
0ea479561d
|
@ -1,3 +1,4 @@
|
||||||
|
<div class="repo-header-icon">
|
||||||
{{if $.IsTemplate}}
|
{{if $.IsTemplate}}
|
||||||
{{if $.IsPrivate}}
|
{{if $.IsPrivate}}
|
||||||
{{svg "octicon-repo-template-private" 32}}
|
{{svg "octicon-repo-template-private" 32}}
|
||||||
|
@ -10,6 +11,7 @@
|
||||||
{{else if and (not $.IsMirror) (not $.IsFork) ($.Owner)}}
|
{{else if and (not $.IsMirror) (not $.IsFork) ($.Owner)}}
|
||||||
{{if $.Owner.Visibility.IsPrivate}}
|
{{if $.Owner.Visibility.IsPrivate}}
|
||||||
{{svg "octicon-internal-repo" 32}}
|
{{svg "octicon-internal-repo" 32}}
|
||||||
|
<img class="ui avatar image" src="{{$.Owner.RelAvatarLink}}">
|
||||||
{{else}}
|
{{else}}
|
||||||
{{svg "octicon-repo" 32}}
|
{{svg "octicon-repo" 32}}
|
||||||
{{end}}
|
{{end}}
|
||||||
|
@ -21,3 +23,4 @@
|
||||||
{{svg "octicon-repo" 32}}
|
{{svg "octicon-repo" 32}}
|
||||||
{{end}}
|
{{end}}
|
||||||
{{end}}
|
{{end}}
|
||||||
|
</div>
|
||||||
|
|
|
@ -1317,3 +1317,7 @@ table th[data-sortt-desc] {
|
||||||
.ui.secondary.pointing.menu .item {
|
.ui.secondary.pointing.menu .item {
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui.header > .ui.label.compact {
|
||||||
|
margin-top: inherit;
|
||||||
|
}
|
||||||
|
|
|
@ -14,13 +14,24 @@
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
|
|
||||||
svg {
|
.label {
|
||||||
position: relative;
|
vertical-align: middle;
|
||||||
top: 5px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
svg.octicon-lock {
|
&.repo-title .repo-header-icon {
|
||||||
margin-left: 5px;
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1596,3 +1596,7 @@ footer .container .links > * {
|
||||||
.tribute-container li:hover {
|
.tribute-container li:hover {
|
||||||
background: #728e5e !important;
|
background: #728e5e !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.repository .repo-header .ui.huge.breadcrumb.repo-title .repo-header-icon .avatar {
|
||||||
|
color: #2a2e3a;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue