mirror of https://github.com/pixelfed/pixelfed.git
Merge pull request #228 from hellcp/patch-19
Make notification images not stretch
This commit is contained in:
commit
1b87ac1485
|
@ -225,4 +225,10 @@ body, button, input, textarea {
|
||||||
.max-hide-overflow {
|
.max-hide-overflow {
|
||||||
max-height: 1000px!important;
|
max-height: 1000px!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.notification-image {
|
||||||
|
background-size: cover;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
background-position: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
@ -54,7 +54,9 @@
|
||||||
</span>
|
</span>
|
||||||
<span class="float-right notification-action">
|
<span class="float-right notification-action">
|
||||||
@if($notification->item_id)
|
@if($notification->item_id)
|
||||||
<a href="{{$notification->status->parent()->url()}}"><img src="{{$notification->status->parent()->thumb()}}" width="32px" height="32px"></a>
|
<a href="{{$notification->status->parent()->url()}}">
|
||||||
|
<div class="notification-image" style="background-image: url('{{$notification->status->parent()->thumb()}}')"></div>
|
||||||
|
</a>
|
||||||
@endif
|
@endif
|
||||||
</span>
|
</span>
|
||||||
@break
|
@break
|
||||||
|
|
Loading…
Reference in New Issue