fix: closes #13002, make chats keyboard focusable

This commit is contained in:
Barış Soner Uşaklı
2024-12-23 17:16:01 -05:00
parent d40762b7d0
commit e71feeec1f

View File

@@ -3,7 +3,7 @@
{{{ end }}} {{{ end }}}
<div component="chat/recent/room" data-roomid="{./roomId}" data-full="1" class="rounded-1 {{{ if ./unread }}}unread{{{ end }}}"> <div component="chat/recent/room" data-roomid="{./roomId}" data-full="1" class="rounded-1 {{{ if ./unread }}}unread{{{ end }}}">
<div class="d-flex gap-1 justify-content-between"> <div class="d-flex gap-1 justify-content-between">
<div class="chat-room-btn position-relative d-flex flex-grow-1 gap-2 justify-content-start align-items-start btn btn-ghost btn-sm ff-sans text-start"> <a href="#" class="chat-room-btn position-relative d-flex flex-grow-1 gap-2 justify-content-start align-items-start btn btn-ghost btn-sm ff-sans text-start">
<div class="main-avatar"> <div class="main-avatar">
{{{ if ./users.length }}} {{{ if ./users.length }}}
{{{ if ./groupChat}}} {{{ if ./groupChat}}}
@@ -33,7 +33,7 @@
</div> </div>
<!-- IMPORT partials/chats/room-teaser.tpl --> <!-- IMPORT partials/chats/room-teaser.tpl -->
</div> </div>
</div> </a>
<div> <div>
<button class="mark-read btn btn-ghost btn-sm d-flex align-items-center justify-content-center flex-grow-0 flex-shrink-0 p-1" style="width: 1.5rem; height: 1.5rem;"> <button class="mark-read btn btn-ghost btn-sm d-flex align-items-center justify-content-center flex-grow-0 flex-shrink-0 p-1" style="width: 1.5rem; height: 1.5rem;">
<i class="unread fa fa-2xs fa-circle text-primary {{{ if !./unread }}}hidden{{{ end }}}" aria-label="[[unread:mark-as-read]]"></i> <i class="unread fa fa-2xs fa-circle text-primary {{{ if !./unread }}}hidden{{{ end }}}" aria-label="[[unread:mark-as-read]]"></i>