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->profile->username}} - {!! $status->rendered ?? e($status->caption) !!} -

-
- @foreach($status->comments->reverse()->take(10) as $item) -

- {{$item->profile->username}} - {!!$item->rendered!!} {{$item->created_at->diffForHumans(null, true, true ,true)}} +

+
+
+

+ {{$status->profile->username}} + {!! $status->rendered ?? e($status->caption) !!}

- @endforeach +
+ @foreach($status->comments->reverse()->take(10) as $item) +

+ {{$item->profile->username}} + {!!$item->rendered!!} {{$item->created_at->diffForHumans(null, true, true ,true)}} +

+ @endforeach +
-
-
-
- - - @if(Auth::check()) - @if(Auth::user()->profile->id === $status->profile->id || Auth::user()->is_admin == true) -
- @csrf - - - -
- @endif - @endif - -
+
+
+ @csrf - -
- +
-