Member detail page complete

This commit is contained in:
Alexandre Bourlier
2018-04-26 01:35:44 +02:00
parent 44fe4b91f9
commit 5304880083
5 changed files with 76 additions and 35 deletions

View File

@ -1,3 +1,8 @@
%detail-section {
font-weight: bold;
font-size: 18px;
}
#member-chat {
#conversejs {
margin: none;
@ -5,7 +10,7 @@
}
#profiles-list,
#member-profile {
#member-info {
img {
display: block;
}
@ -17,9 +22,8 @@
}
div[name="name"] {
@extend %detail-section;
padding-top: 10px;
font-weight: bold;
font-size: 18px;
}
div[name="name"],
@ -28,31 +32,53 @@
}
}
#member-profile {
ldp-display-mailto,
ldp-display-tel {
display: block;
#member-detail {
#member-info {
ldp-display-mailto,
ldp-display-tel {
display: block;
}
a[name="email"],
a[name="number"] {
&::before {
font-family: FontAwesome;
padding-right: 4px;
color: black;
}
}
a[name="email"] {
&::before {
content: "\f0e0";
}
}
a[name="number"] {
&::before {
content: "\f10b";
font-size: 22px;
padding-left: 3px;
padding-right: 7px;
}
}
}
a[name="email"],
a[name="number"] {
&::before {
font-family: FontAwesome;
padding-right: 4px;
color: black;
}
.section {
@extend %detail-section;
margin-top: 40px;
}
a[name="email"] {
&::before {
content: "\f0e0";
}
}
a[name="number"] {
&::before {
content: "\f10b";
font-size: 22px;
padding-left: 3px;
padding-right: 7px;
#member-skills {
display: flex;
flex-wrap: wrap;
ldp-display {
display: block;
background-color: $hd-color;
color: white;
border-radius: 100px;
padding: 3px 10px;
margin-bottom: 5px;
margin-right: 5px;
}
}
}

View File

@ -1,5 +1,6 @@
* {
box-sizing: border-box;
box-sizing: border-box;
font-family: helvetica;
}
html, body, #mainContainer {