autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

user bio: style improved

Browse Source
This commit is contained in:
Gaelle Morin 2018-12-20 20:25:00 +01:00
parent fc3444be0c
commit 6690d30db5
2 changed files with 12 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/page-members.pug
View File

@ -1,18 +1,15 @@
div.grid-layer div.grid-layer
template#read-more-link
sib-link(next="member") ${value}
template#chat-link template#chat-link
sib-link(next="member-chat") ${value} sib-link(next="member-chat") ${value}
div.grid-layer-main.containerV div.grid-layer-main.containerV
h1 Members h1 Members
sib-display#profiles-list( sib-display#profiles-list(
data-src=`${sdn}/members/`, data-src=`${sdn}/members/`,
data-fields='header, infos, groups, more', data-fields='header, infos, groups',
set-header='picture, user, pseudonym, bio, send', set-header='picture, user, pseudonym, bio, send',
set-infos='cell, user.roles, user.email, phone, user.skills', set-infos='cell, user.roles, user.email, phone, user.skills',
set-pseudonym='before-pseudo,pseudo', set-pseudonym='before-pseudo,pseudo',
value-before-pseudo='@', value-before-pseudo='@',
value-more='read more...',
value-send='SEND A MESSAGE', value-send='SEND A MESSAGE',
template-send='chat-link', template-send='chat-link',
widget-skills='sib-display-lookuplist', widget-skills='sib-display-lookuplist',

92
src/styles/members.scss
View File

@ -1,6 +1,10 @@
#profiles-list { #profiles-list {
@extend .grid-layer; @extend .grid-layer;
ul {
@include list-reset();
}
& > sib-form { & > sib-form {
grid-column-start: start; grid-column-start: start;
grid-column-end: middle; grid-column-end: middle;
@ -49,7 +53,7 @@
flex-flow: column wrap; flex-flow: column wrap;
margin-bottom: 2.5rem; margin-bottom: 2.5rem;
@media(min-width: 56rem) { @media(min-width: 56rem) {
height: 70rem; height: 60rem;
width: 32%; width: 32%;
} }
@ -79,7 +83,6 @@
border-radius: 100%; border-radius: 100%;
width: 100%; width: 100%;
} }
} }
hdapp-userinfo { hdapp-userinfo {
@ -87,8 +90,12 @@
} }
sib-display-div[name$='bio'] { sib-display-div[name$='bio'] {
flex-basis: 5em; display: flex;
margin-top: 1.5em; flex-basis: 3.5em;
line-height: 1.6;
margin: 1.5em 0;
padding: 0 4em;
text-align: center;
} }
[next=member-chat] { [next=member-chat] {
@ -109,7 +116,6 @@
} }
div[name='infos'] { div[name='infos'] {
//padding: 1.5em 1.2em 3em;
* { * {
margin-top: 1em; margin-top: 1em;
@ -136,83 +142,7 @@
[name$='phone'] * { [name$='phone'] * {
@include icon('phone'); @include icon('phone');
} }
}
[name$='user'] {
margin-bottom: 0em;
}
a[href^='mailto'] {
display: flex;
border-radius: 25px;
border-style: solid;
border-color: $color-blue-light;
color: $color-blue-light;
margin: 1em;
padding: 1em;
text-decoration:none;
}
sib-display-tel {
display: block;
@include icon('phone');
}
hdapp-hyperlink {
display: block;
@include icon('link');
}
sib-display-div[name$='foaf:homepage'] * {
@include icon('link');
}
sib-display-div[name$='more'] {
display: flex;
flex-direction: row-reverse;
} }
} }
} }
} }
#profiles-list sib-display-lookuplist {
&[name$='skills'] {
display: flex;
li,
ul {
margin: 0;
padding: 0;
list-style: none;
}
ul {
display: flex;
flex-wrap: wrap;
margin: 1em -0.25em;
}
li {
padding: 0.3em 1.2em;
border: 1px solid;
border-radius: 2em;
margin: 0.25em;
background-color: $color-yellow;
color: $color-white;
font-weight: bold;
}
}
}
#profiles-list {
ul {
@include list-reset();
}
}