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

ui : member card

Browse Source
This commit is contained in:
simon louvet
2018-11-21 14:05:56 +01:00
parent 3e91d94a08
commit ddad1d7d0f
5 changed files with 47 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/styles/content.scss
View File

@ -66,11 +66,10 @@
#profiles-list sib-display-lookuplist,
sib-display-lookuplist {
&[name$='skills'] {
display: block;
display: flex;
li,
ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
@ -85,8 +84,11 @@ sib-display-lookuplist {
li {
padding: 0.5em 1em;
border: 1px solid;
border-radius: 0.25em;
border-radius: 2em;
margin: 0.25em;
background-color: $color-yellow;
color: $color-white;
font-weight: bold;
}
}
}
@ -164,7 +166,8 @@ sib-display-lookuplist {
#profiles-list > div > sib-display,
sib-display#member-info {
display: block;
display: flex;
flex-direction: column;
position: relative;
@extend %frame;
padding: 1em;
@ -174,50 +177,34 @@ sib-display#member-info {
}
sib-display-img {
$width: 55%;
display: block;
position: relative;
width: $width;
padding-bottom: $width;
height: 0;
margin: 2em auto;
img {
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 100%;
object-fit: cover;
object-position: center;
}
}
div[name='header'] {
// border-top: 2em solid $color-grey-light;
border-bottom: 1px solid $color-grey-light;
padding-bottom: 1em;
margin: -0.5em;
padding: 0.5em;
margin-bottom: 1em;
text-align: center;
display: flex;
flex-direction: column;
>*{
display: flex;
justify-content: center;
flex-basis: content;
}
}
hdapp-userinfo {
@extend h1;
}
div[name='pseudonym'] {
div {
display: inline;
}
}
[name=infos] {
margin: 2em 0;
> * {
display: block;
// display: block;
margin: 0.5em 0;
}
}
@ -229,10 +216,23 @@ sib-display#member-info {
ul[name$='cell'] * {
@include icon('location-pin');
}
[name$='user'] {
margin-bottom: 0em;
}
sib-display-div[name$='bio'] {
margin-top: 1em;
flex-basis : 5em;
}
sib-display-mailto {
display: block;
@include icon('envelope');
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 {

3
src/styles/variables.scss
View File

@ -6,7 +6,8 @@ $color-grey-light2: #d8d8d8;
$color-grey-light: #f0f3f6;
$color-yellow: #ffb700;
$color-yellow-light: #ffd759;
$color-purple-dark: #41394c;
$color-purple-dark: #3C3F57;
$color-blue-light: #6259E5;
%shadow {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);