forked from mirror/pixelfed
Merge pull request #219 from hellcp/patch-15
Fix squashed avatars and long images in timelines
This commit is contained in:
commit
ac3303d8ad
|
@ -203,3 +203,26 @@ body, button, input, textarea {
|
|||
height: .25rem;
|
||||
animation: loading-bar 3s linear infinite;
|
||||
}
|
||||
|
||||
.max-hide-overflow {
|
||||
max-height: 500px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
@media (min-width: map-get($grid-breakpoints, "xs")) {
|
||||
.max-hide-overflow {
|
||||
max-height: 600px!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: map-get($grid-breakpoints, "md")) {
|
||||
.max-hide-overflow {
|
||||
max-height: 800px!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: map-get($grid-breakpoints, "xl")) {
|
||||
.max-hide-overflow {
|
||||
max-height: 1000px!important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<div class="card my-4 status-card">
|
||||
<div class="card-header d-inline-flex align-items-center bg-white">
|
||||
<img class="img-thumbnail" src="{{$item->profile->avatarUrl()}}" width="32px" height="32px" style="border-radius: 32px;">
|
||||
<img src="{{$item->profile->avatarUrl()}}" width="32px" height="32px" style="border-radius: 32px;">
|
||||
<a class="username font-weight-bold pl-2 text-dark" href="{{$item->profile->url()}}">
|
||||
{{$item->profile->username}}
|
||||
</a>
|
||||
|
@ -28,7 +28,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="{{$item->url()}}">
|
||||
<a class="max-hide-overflow" href="{{$item->url()}}">
|
||||
<img class="card-img-top" src="{{$item->mediaUrl()}}">
|
||||
</a>
|
||||
<div class="card-body">
|
||||
|
|
Loading…
Reference in New Issue