Member detail page complete
This commit is contained in:
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1,5 +1,6 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
font-family: helvetica;
|
||||
}
|
||||
|
||||
html, body, #mainContainer {
|
||||
|
Reference in New Issue
Block a user