Projects page user profile
parent
08be65d587
commit
1e92388cdc
|
@ -11,6 +11,8 @@ section.profile-projects
|
||||||
span.tag(style='border-left: 5px solid {{::tag.get("color")}};', tg-repeat="tag in ::project.get('colorized_tags')")
|
span.tag(style='border-left: 5px solid {{::tag.get("color")}};', tg-repeat="tag in ::project.get('colorized_tags')")
|
||||||
span.tag-name {{::tag.get('name')}}
|
span.tag-name {{::tag.get('name')}}
|
||||||
|
|
||||||
|
div.project-list-single-right
|
||||||
|
|
||||||
div.project-list-single-members
|
div.project-list-single-members
|
||||||
a(tg-repeat="contact in ::project.get('contacts')", tg-nav="user-profile:username=contact.get('username')", title="{{::contact.get('full_name')}}")
|
a(tg-repeat="contact in ::project.get('contacts')", tg-nav="user-profile:username=contact.get('username')", title="{{::contact.get('full_name')}}")
|
||||||
img(ng-src="{{::contact.get('photo')}}")
|
img(ng-src="{{::contact.get('photo')}}")
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
.project-list-single {
|
.project-list-single {
|
||||||
border-bottom: 1px solid $whitish;
|
border-bottom: 1px solid $whitish;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: space-between;
|
||||||
padding: .5rem;
|
padding: .5rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
@ -9,23 +9,18 @@
|
||||||
.project-list-single-left,
|
.project-list-single-left,
|
||||||
.project-list-single-right {
|
.project-list-single-right {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.project-list-single-left {
|
.project-list-single-left {
|
||||||
align-content: space-between;
|
align-content: space-between;
|
||||||
flex: 4;
|
padding-right: 1rem;
|
||||||
h1 {
|
h1 {
|
||||||
@extend %text;
|
|
||||||
@extend %large;
|
|
||||||
display: inline-block;
|
|
||||||
margin-bottom: 0;
|
|
||||||
text-transform: none;
|
|
||||||
}
|
|
||||||
.project-name {
|
|
||||||
@extend %text;
|
@extend %text;
|
||||||
@extend %larger;
|
@extend %larger;
|
||||||
color: $gray;
|
color: $gray;
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 0;
|
||||||
|
text-transform: none;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
@ -34,7 +29,6 @@
|
||||||
@extend %small;
|
@extend %small;
|
||||||
color: $gray;
|
color: $gray;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
max-width: 95%;
|
|
||||||
}
|
}
|
||||||
.project-list-single-tags {
|
.project-list-single-tags {
|
||||||
align-content: flex-end;
|
align-content: flex-end;
|
||||||
|
@ -73,13 +67,13 @@
|
||||||
.project-list-single-members {
|
.project-list-single-members {
|
||||||
align-self: flex-end;
|
align-self: flex-end;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: row-reverse;
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap-reverse;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
max-width: 160px;
|
max-width: 200px;
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block; }
|
||||||
}
|
|
||||||
img {
|
img {
|
||||||
margin-right: .3rem;
|
margin-right: .3rem;
|
||||||
width: 34px;
|
width: 34px;
|
||||||
|
|
Loading…
Reference in New Issue