feat: make comment form sticky at bottom of slide-over

Pin the comment editor to the bottom of the slide-over panel so it's
always visible while scrolling through comments. Uses CSS sticky
positioning with border separator and background color.
This commit is contained in:
manukminasyan
2026-03-27 21:26:28 +04:00
parent 3d745077b7
commit 2ace8bfdd4

View File

@@ -57,10 +57,10 @@
</div> </div>
@endif @endif
{{-- New comment form - only for authorized users --}} {{-- New comment form - sticky at bottom of slide-over --}}
@auth @auth
@can('create', \Relaticle\Comments\CommentsConfig::getCommentModel()) @can('create', \Relaticle\Comments\CommentsConfig::getCommentModel())
<div class="mt-4"> <div class="sticky bottom-0 z-10 -mx-4 -mb-4 border-t border-gray-200 bg-white px-4 pb-4 pt-3 dark:border-gray-700 dark:bg-gray-900">
{{ $this->commentForm }} {{ $this->commentForm }}
@if (\Relaticle\Comments\CommentsConfig::areAttachmentsEnabled()) @if (\Relaticle\Comments\CommentsConfig::areAttachmentsEnabled())