primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-28 22:01:43 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #506 from primer/fix-avatar-stack-border

Browse Source 
Fix white border on last avatar in AvatarStack (take two)
This commit is contained in:
Shawn Allen 2018-06-19 15:25:03 -07:00 committed by GitHub
commit 91307eef57
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
modules/primer-avatars/lib/avatar-stack.scss
View File

@ -89,6 +89,7 @@
&:last-child {
z-index: 1;
border-right: 0;
}
// stylelint-disable selector-max-type

18
modules/primer-avatars/stories.js
View File

@ -60,7 +60,23 @@ storiesOf('Avatars', module)
<img className='avatar' alt='Uncle Cat' width='20' height='20' src='https://user-images.githubusercontent.com/334891/29999089-2837c968-9009-11e7-92c1-6a7540a594d5.png'/>
</div>
</div>
</div>
))
.add('AvatarStack on blue background', () => (
<div className='border bg-blue-light p-4'>
<div className="AvatarStack flex-self-start ">
<div className="AvatarStack-body" aria-label="chesterbr">
<a className="avatar" aria-describedby="hovercard-aria-description">
<img height="20" width="20" alt="@github" src="https://avatars0.githubusercontent.com/github?s=60&amp;v=4" />
</a>
</div>
</div>
<div className='AvatarStack AvatarStack-two mt-2'>
<div className='AvatarStack-body tooltipped tooltipped-sw tooltipped-align-right-1' aria-label='two avatars'>
<img className='avatar' alt='Uncle Cat' width='20' height='20' src='https://user-images.githubusercontent.com/334891/29999089-2837c968-9009-11e7-92c1-6a7540a594d5.png'/>
<img className='avatar' alt='Uncle Cat' width='20' height='20' src='https://user-images.githubusercontent.com/334891/29999089-2837c968-9009-11e7-92c1-6a7540a594d5.png'/>
</div>
</div>
</div>
))
.add('CircleBadge--small', () => (