git ssb

16+

Dominic / patchbay



Commit 4bcfc9f6bc102b97669476fbfb3c7cf0457647ee

add avatar name to avatar profiles

Ev Bogue committed on 7/23/2016, 9:45:53 PM
Parent: f472c56537886044c04798db5a6d9b631285d1ac

Files changed

modules/avatar-profile.jschanged
style.csschanged
modules/avatar-profile.jsView
@@ -1,13 +1,17 @@
11 var h = require('hyperscript')
22 var plugs = require('../plugs')
33
4+
45 var avatar_image = plugs.first(exports.avatar_image = [])
6+var avatar_name = plugs.first(exports.avatar_name = [])
57 var avatar_action = plugs.map(exports.avatar_action = [])
68
79 exports.avatar_profile = function (id) {
810
911 return h('div.row.profile',
1012 avatar_image(id),
11- h('div.column', avatar_action(id))
13+ h('div.profile__info',
14+ h('strong', avatar_name(id)),
15+ avatar_action(id))
1216 )
1317 }
style.cssView
@@ -1,8 +1,10 @@
11 body {
22 font-family: "Source Sans Pro", sans-serif;
33 }
44
5+p { margin-top: .35ex;}
6+
57 .screen {
68 position: absolute;
79 top: 0px; bottom: 0px;
810 left: 0px; right: 0px;
@@ -125,9 +127,9 @@
125127 /* messages */
126128
127129 .message {
128130 border: 1px solid #eee;
129- padding: 5px;
131+ padding: 7px;
130132 margin-top: .5em;
131133 background: white;
132134 display: block;
133135 flex-basis: 0;
@@ -212,19 +214,22 @@
212214 }
213215
214216 .profile {
215217 background: #fff;
218+ padding: .5em;
216219 border: 1px solid #eee;
217220 }
218221
219222 .profile img {
220223 width: 150px;
221224 height: 150px;
222- margin-right: 1em;
223- margin-bottom: 1em;
224- border: 1px solid #ccc;
225+ border: 1px solid #eee;
225226 }
226227
228+.profile__info {
229+ margin-left: .5em;
230+}
231+
227232 /* lightbox - used in message-confirm */
228233
229234 .lightbox {
230235 overflow: auto;

Built with git-ssb-web