This commit is contained in:
Gaelle Morin 2018-12-18 11:54:43 +01:00
parent 5b308f5f23
commit a1c6ad54dc
3 changed files with 150 additions and 160 deletions

View File

@ -1,8 +1,10 @@
{
"dev": {
"sdn": "http://127.0.0.1:8000",
//"sdn": "https://test-paris.happy-dev.fr",
"cdn": "https://cdn.happy-dev.fr",
"xmpp": "https://jabber.happy-dev.fr/http-bind/",
//"client_id": "833925"
"client_id": "499509"
},
"prod": {

View File

@ -2,7 +2,8 @@
border-bottom: 1px solid $color-grey1;
display: grid;
grid-gap: 0px 15px;
grid-template-columns: 50% auto;
grid-template-columns: 50% 50%;
grid-template-rows: 3.5em 3.5em;
padding-bottom: 3em;
label {

View File

@ -1,37 +1,51 @@
#profiles-list sib-display-lookuplist {
&[name$='skills'] {
display: flex;
#profiles-list {
@extend .grid-layer;
li,
ul {
margin: 0;
padding: 0;
list-style: none;
& > sib-form {
grid-column-start: start;
grid-column-end: middle;
grid-row-start: start;
grid-row-end: middle;
}
ul {
& > div {
background: violet;
grid-column-start: start;
grid-column-end: end;
margin-bottom: 1em;
/*grid-row-start: middle;
grid-row-end: end;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 1em;*/
display: flex;
flex-wrap: wrap;
margin: 1em -0.25em;
}
justify-content: space-between;
li {
padding: 0.3em 1.2em;
border: 1px solid;
border-radius: 2em;
margin: 0.25em;
background-color: $color-yellow;
color: $color-white;
&:first-of-type {
color: $color-black2;
font-weight: bold;
}
}
}
justify-content: center;
white-space: nowrap;
#profiles-list > div > sib-display {
&::before, &::after {
border-top: 1px solid $color-grey-light5;
content: '';
position: relative;
top: 0.5em;
width: 40%;
}
&::before {
right: 5.8%;
}
&::after {
left: 5.8%;
}
}
> sib-display {
cursor: pointer;
}
#profiles-list > div > sib-display {
display: flex;
flex-direction: column;
position: relative;
@ -49,13 +63,16 @@
margin-bottom: 1em;
display: flex;
flex-direction: column;
>*{
> * {
display: flex;
justify-content: center;
flex-basis: content;
}
sib-display-img {
flex-basis:150px;
img {
border-radius: 100%;
width:150px;
@ -83,9 +100,11 @@
ul[name$='cell'] * {
@include icon('location-pin');
}
[name$='user'] {
margin-bottom: 0em;
}
sib-display-div[name$='bio'] {
margin-top: 1em;
flex-basis : 5em;
@ -115,74 +134,42 @@
sib-display-div[name$='foaf:homepage'] * {
@include icon('link');
}
sib-display-div[name$='more']{
sib-display-div[name$='more'] {
display: flex;
flex-direction: row-reverse;
}
}
}
}
#profiles-list {
@extend .grid-layer;
> sib-form {
grid-column-start: start;
grid-column-end: middle;
grid-row-start: start;
grid-row-end: middle;
}
> div {
background: violet;
grid-column-start: start;
grid-column-end: end;
margin-bottom: 1em;
/*grid-row-start: middle;
grid-row-end: end;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 1em;*/
#profiles-list sib-display-lookuplist {
&[name$='skills'] {
display: flex;
justify-content: space-between;
&:first-of-type {
color: $color-black2;
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;
justify-content: center;
white-space: nowrap;
&::before, &::after {
border-top: 1px solid $color-grey-light5;
content: '';
position: relative;
top: 0.5em;
width: 40%;
}
&::before {
right: 5.8%;
}
&::after {
left: 5.8%;
}
}
}
}
#profiles-list > sib-form > form {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: 3.5em 3.5em;
label {
flex-basis: 5em;
flex-shrink: 0;
}
input, select {
flex-grow: 1;
min-width: 0;
}
input[type="submit"] {
display: none;
}
}