9269a038a4
* Direct avatar rendering This adds new template helpers for avatar rendering which output image elements with direct links to avatars which makes them cacheable by the browsers. This should be a major performance improvment for pages with many avatars. * fix avatars of other user's profile pages * fix top border on user avatar name * uncircle avatars * remove old incomplete avatar selector * use title attribute for name and add it back on blame * minor refactor * tweak comments * fix url path join and adjust test to new result * dedupe functions
178 lines
2.6 KiB
Text
178 lines
2.6 KiB
Text
.organization {
|
|
.head {
|
|
.ui.header {
|
|
.text {
|
|
vertical-align: middle;
|
|
font-size: 1.6rem;
|
|
margin-left: 15px;
|
|
}
|
|
.org-visibility .label {
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
.ui.right {
|
|
margin-top: 5px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.new.org {
|
|
#create-page-form;
|
|
|
|
form {
|
|
.header {
|
|
padding-left: 0 !important;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.options {
|
|
input {
|
|
min-width: 300px;
|
|
}
|
|
}
|
|
|
|
&.profile {
|
|
.org-avatar {
|
|
width: 100px;
|
|
height: 100px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
#org-info {
|
|
overflow-wrap: anywhere;
|
|
|
|
.ui.header {
|
|
font-size: 36px;
|
|
margin-bottom: 0;
|
|
.org-visibility .label {
|
|
margin-left: 5px;
|
|
margin-top: 2px;
|
|
}
|
|
}
|
|
|
|
.desc {
|
|
font-size: 16px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.meta {
|
|
.item {
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
|
|
.icon {
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ui.top.header {
|
|
.ui.right {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
.teams {
|
|
.item {
|
|
padding: 10px 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.teams,
|
|
&.profile {
|
|
.members {
|
|
.ui.avatar {
|
|
width: 48px;
|
|
height: 48px;
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.invite {
|
|
#invite-box {
|
|
margin: 50px auto auto;
|
|
width: 500px !important;
|
|
|
|
#search-user-box {
|
|
input {
|
|
margin-left: 0;
|
|
width: 300px;
|
|
}
|
|
}
|
|
|
|
.ui.button {
|
|
margin-left: 5px;
|
|
margin-top: -3px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.members {
|
|
.list {
|
|
.item {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
border-bottom: 1px solid var(--color-secondary);
|
|
|
|
.ui.avatar {
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
|
|
.meta {
|
|
line-height: 24px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&.teams {
|
|
.detail {
|
|
.item {
|
|
padding: 10px 15px;
|
|
|
|
&:not(:last-child) {
|
|
border-bottom: 1px solid var(--color-secondary);
|
|
}
|
|
}
|
|
}
|
|
|
|
.repositories,
|
|
.members {
|
|
.item {
|
|
padding: 10px 20px;
|
|
line-height: 32px;
|
|
|
|
&:not(:last-child) {
|
|
border-bottom: 1px solid var(--color-secondary);
|
|
}
|
|
|
|
.button {
|
|
padding: 9px 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
#add-repo-form,
|
|
#repo-multiple-form,
|
|
#add-member-form {
|
|
input {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.ui.button {
|
|
margin-left: 5px;
|
|
margin-top: -3px;
|
|
}
|
|
}
|
|
|
|
#repo-top-segment {
|
|
height: 60px;
|
|
}
|
|
}
|
|
}
|