diff --git a/dist/lib/ldp-display b/dist/lib/ldp-display
index f5abe21..45b3c70 160000
--- a/dist/lib/ldp-display
+++ b/dist/lib/ldp-display
@@ -1 +1 @@
-Subproject commit f5abe21e988caffd13d547438ec6c62bbb1a9340
+Subproject commit 45b3c7097a270319df06cf008a4413be461f6af0
diff --git a/src/html/member.html b/src/html/member.html
index dabf8d2..ff61d2e 100644
--- a/src/html/member.html
+++ b/src/html/member.html
@@ -1,21 +1,34 @@
-
+
diff --git a/src/html/members.html b/src/html/members.html
index 9a42008..4675dfd 100644
--- a/src/html/members.html
+++ b/src/html/members.html
@@ -1,6 +1,6 @@
-
-
-
+
+
+
Home
diff --git a/src/scss/_member.scss b/src/scss/_member.scss
new file mode 100644
index 0000000..b2267f5
--- /dev/null
+++ b/src/scss/_member.scss
@@ -0,0 +1,58 @@
+#member-chat {
+ #conversejs {
+ margin: none;
+ }
+}
+
+#profiles-list,
+#member-profile {
+ img {
+ display: block;
+ }
+
+ &, img {
+ width: 100%;
+ max-width: 320px;
+ min-width: 100%;
+ }
+
+ div[name="name"] {
+ padding-top: 10px;
+ font-weight: bold;
+ font-size: 18px;
+ }
+
+ div[name="name"],
+ div[name="location"] {
+ display: flex;
+ }
+}
+
+#member-profile {
+ 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;
+ }
+ }
+}
diff --git a/src/scss/_members.scss b/src/scss/_members.scss
index 06da362..bb62c2d 100644
--- a/src/scss/_members.scss
+++ b/src/scss/_members.scss
@@ -1,19 +1,6 @@
-#profilesList {
- ldp-display {
- img {
- display: block;
- }
-
- &, img {
- width: 100%;
- max-width: 320px;
- min-width: 100%;
- }
-
- div[name="name"],
- div[name="location"] {
- display: flex;
- }
+#profiles-list {
+ ldp-form {
+ background-color: #F3F3F3;
}
}
diff --git a/src/scss/_menu.scss b/src/scss/_menu.scss
index bc83325..897ac0f 100644
--- a/src/scss/_menu.scss
+++ b/src/scss/_menu.scss
@@ -4,7 +4,7 @@
#menu-title {
font-family: bebas;
color: $hd-color;
- font-size: 17px;
+ font-size: $menu-font-size;
}
@@ -19,9 +19,38 @@
text-decoration: underline;
}
ldp-route[active] {
- font-weight: bold;
border-bottom: 2px solid $hd-color;
color: $hd-color;
}
}
}
+
+.vertical-menu {
+ position: fixed;
+ z-index: 9998;
+ top: 0px;
+ bottom: 0px;
+ right: 0px;
+ margin: auto;
+ background-color: white;
+ width: $vertical-menu-width;
+ padding-top: $menu-height;
+ display: flex;
+ flex-direction: column;
+ color: $twitter-color;
+ font-size: $menu-font-size;
+
+ ldp-route {
+ text-align: center;
+ padding: 6px 0px;
+
+ &[active] {
+ border-left: 2px solid $hd-color;
+ color: $hd-color;
+ }
+ }
+}
+
+.view-with-vertical-menu {
+ padding-right: $vertical-menu-width;
+}
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index d082666..d67ceee 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -1,4 +1,6 @@
$hd-color: rgb(253, 200, 21);
$twitter-color: #1DA1F2;
-$menu-height : 50px;
+$menu-height: 50px;
+$menu-font-size: 17px;
+$vertical-menu-width: 50px;
diff --git a/src/scss/main.scss b/src/scss/main.scss
index 4782211..944ba2f 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -4,6 +4,7 @@
@import "home";
@import "menu";
@import "members";
+@import "member";
@import "groupsList";
@import "project";
@import "projectsList";