diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss index d9f83f880..92f0ca5ad 100644 --- a/resources/assets/sass/custom.scss +++ b/resources/assets/sass/custom.scss @@ -71,9 +71,12 @@ body, button, input, textarea { margin: auto !important; } -.card.status-container .status-comments { - overflow-y: scroll; - border-bottom:1px solid rgba(0, 0, 0, 0.1); +@media (min-width: map-get($grid-breakpoints, "md")) { + .card.status-container .status-comments { + overflow-y:scroll; + border-bottom:1px solid rgba(0,0,0,.1); + height: 200px; + } } .no-caret.dropdown-toggle { @@ -184,3 +187,18 @@ body, button, input, textarea { .fas.fa-heart { } + +@media (max-width: map-get($grid-breakpoints, "md")) { + .border-md-left-0 { + border-left:0!important + } + .card.status-container .status-comments { + border-top:1px solid rgba(0,0,0,.1); + } + .sticky-md-bottom { + position:-webkit-sticky; + position:sticky; + bottom:0; + z-index:1020 + } +} diff --git a/resources/views/status/show.blade.php b/resources/views/status/show.blade.php index d39c78bb0..eb6e646ff 100644 --- a/resources/views/status/show.blade.php +++ b/resources/views/status/show.blade.php @@ -5,11 +5,24 @@
{{$status->created_at->diffForHumans(null, true, true, true)}}
- {{$status->profile->username}} - {!! $status->rendered ?? e($status->caption) !!} -
-
- {{$item->profile->username}} - {!!$item->rendered!!} {{$item->created_at->diffForHumans(null, true, true ,true)}} +
+ {{$status->profile->username}} + {!! $status->rendered ?? e($status->caption) !!}
- @endforeach ++ {{$item->profile->username}} + {!!$item->rendered!!} {{$item->created_at->diffForHumans(null, true, true ,true)}} +
+ @endforeach +