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

displaying skills + styles + adjusting users' name and firstname

Browse Source
This commit is contained in:
Gaelle Morin 2018-12-21 16:54:56 +01:00
parent 658f0f4bab
commit 330920f407
4 changed files with 57 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/page-members.pug
View File

@ -5,18 +5,18 @@ div.grid-layer
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, user.skill', 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-send='SEND A MESSAGE', value-send='SEND A MESSAGE',
template-send='chat-link', template-send='chat-link',
widget-user.skills='sib-display-lookuplist',
counter-template='${counter} members', counter-template='${counter} members',
widget-picture='sib-display-img', widget-picture='sib-display-img',
widget-user='hdapp-userinfo',
widget-roles='sib-display-lookuplist', widget-roles='sib-display-lookuplist',
widget-user='hdapp-userinfo',
widget-user.skills='sib-display-lookuplist',
search-range-roles=`${sdn}/role/`, search-range-roles=`${sdn}/role/`,
search-range-skills=`${sdn}/skills/`, search-range-skills=`${sdn}/skills/`,

26
src/styles/content.scss
View File

@ -26,25 +26,16 @@
// skills // skills
#member-profile sib-display-lookuplist, /*#member-profile sib-display-lookuplist {
sib-display-lookuplist {
&[name$='skills'] {
display: flex; display: flex;
li,
ul {
margin: 0;
padding: 0;
list-style: none;
}
ul { ul {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin: 1em -0.25em; list-style: none;
} }
li { li[name*='skills'] {
padding: 0.3em 1.2em; padding: 0.3em 1.2em;
border: 1px solid; border: 1px solid;
border-radius: 2em; border-radius: 2em;
@ -54,7 +45,7 @@ sib-display-lookuplist {
font-weight: bold; font-weight: bold;
} }
} }
} */
// group // group
#group-profile { #group-profile {
@ -159,14 +150,17 @@ sib-display#member-info {
@extend h1; @extend h1;
} }
/*
[name=infos] { [name=infos] {
margin: 2em 0; //margin: 2em 0;
> * { > * {
// display: block; // display: block;
margin: 0.5em 0; margin: 0.5em 0;
} }
} }
*/
ul[name$='roles'] * { ul[name$='roles'] * {
@include icon('user'); @include icon('user');
@ -222,11 +216,11 @@ hdapp-available {
} }
} }
#member-profile { /*#member-profile {
ul { ul {
@include list-reset(); @include list-reset();
} }
} }*/
#member-profile { #member-profile {
@include media('width>tablet') { @include media('width>tablet') {

23
src/styles/main.scss
View File

@ -293,8 +293,27 @@ sib-trigger.back {
} }
sib-display-lookuplist[name$="skills"] ul { /*sib-display-lookuplist[name$="skills"] {
display: flex;
}*/
sib-display-lookuplist {
display: flex;
ul {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin: 1em -0.25em; list-style: none;
padding: 0;
}
li[name*='skills'] {
padding: 0.3em 1.2em;
border: 1px solid;
border-radius: 2em;
margin: 0.25em;
background-color: $color-yellow;
color: $color-white;
font-weight: bold;
}
} }

15
src/styles/members.scss
View File

@ -1,10 +1,6 @@
#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;
@ -87,6 +83,11 @@
hdapp-userinfo { hdapp-userinfo {
@extend h1; @extend h1;
ul {
padding: 0;
margin: 0;
}
} }
sib-display-div[name$='bio'] { sib-display-div[name$='bio'] {
@ -117,7 +118,7 @@
div[name='infos'] { div[name='infos'] {
* { > sib-display-div > div {
margin-top: 1em; margin-top: 1em;
&::before { &::before {
@ -127,6 +128,10 @@
} }
} }
ul {
margin-left: 1em;
}
[name$='cell'] * { [name$='cell'] * {
@include icon('chemistry'); @include icon('chemistry');
} }