Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Show boosted user's avatar (#2518)

Browse source 
* Show boosted user's avatar

* add .status__avatar-boost

* margin

* apply to notifications too.

* account__avatar-boost

* Add inline prop to Avatar component

* Add AvatarOverlay component

* rename mixins.scss

* move files for latest master

* fixed for webpack
This commit is contained in:
kawax 2017-05-03 18:43:37 +09:00 • committed by Eugen Rochko
parent bf8031e984
commit 383c0b7802
7 changed files with 97 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

30
app/javascript/styles/components.scss
View file

@ -673,11 +673,33 @@ a.status__content__spoiler-link {
}
.account__avatar {
border-radius: 4px;
background: transparent no-repeat;
background-position: 50%;
background-clip: padding-box;
@include avatar-radius();
position: relative;
&-inline {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
}
.account__avatar-overlay {
@include avatar-size(48px);
&-base {
@include avatar-radius();
@include avatar-size(36px);
}
&-overlay {
@include avatar-radius();
@include avatar-size(24px);
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
}
.account__relationship {