Merge pull request #219 from hellcp/patch-15

Fix squashed avatars and long images in timelines

resources/assets/sass/custom.scss

@@ -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;
+  }
+}

resources/views/status/template.blade.php

@@ -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">
@@ -100,4 +100,4 @@
             <input class="form-control status-reply-input" name="comment" placeholder="Add a comment...">
           </form>
         </div>
-      </div>
+      </div>