ContactListItem: Add spacing above and below (for 'show members')

This commit is contained in:
Scott Nonnenberg 2018-07-26 16:13:44 -07:00
parent 61f7b8360b
commit f38647dfa5
2 changed files with 22 additions and 8 deletions

View file

@ -1290,6 +1290,8 @@
// Module: Contact List Item
.module-contact-list-item {
padding-top: 5px;
padding-bottom: 5px;
display: flex;
flex-direction: row;
align-items: center;

View file

@ -15,15 +15,27 @@
#### With name and profile
Note the proper spacing between these two.
```jsx
<ContactListItem
i18n={util.i18n}
name="Someone 🔥 Somewhere"
phoneNumber="(202) 555-0011"
profileName="🔥Flames🔥"
avatarPath={util.gifObjectUrl}
onClick={() => console.log('onClick')}
/>
<div>
<ContactListItem
i18n={util.i18n}
name="Someone 🔥 Somewhere"
phoneNumber="(202) 555-0011"
profileName="🔥Flames🔥"
avatarPath={util.gifObjectUrl}
onClick={() => console.log('onClick')}
/>
<ContactListItem
i18n={util.i18n}
name="Another ❄️ Yes"
phoneNumber="(202) 555-0011"
profileName="❄Ice❄"
avatarPath={util.gifObjectUrl}
onClick={() => console.log('onClick')}
/>
</div>
```
#### With name and profile, verified