left_sidebar: Apply grid to 'more conversations' DM row.

This commit is contained in:
Karl Stolley 2024-05-03 12:55:14 -05:00 committed by Tim Abbott
parent 6c9484e0be
commit 50c744db48
2 changed files with 8 additions and 15 deletions

View File

@ -305,15 +305,6 @@ li.show-more-topics {
& li#show-more-direct-messages {
cursor: pointer;
padding-right: 26px;
/* TODO: Rewrite the show-more and show-less
buttons as grids alongside the left sidebar
header rewrites. This padding value
is a stopgap to provide the same lefthand
alignment as the "more topics" text, which
aligns with the topic above--just as this
aligns with the DM row above. */
padding-left: 29px;
& a {
font-size: 12px;
@ -1100,6 +1091,10 @@ li.topic-list-item {
place-self: center;
}
.dm-name {
grid-area: row-content;
}
.user_circle {
width: 8px;
height: 8px;

View File

@ -1,8 +1,6 @@
<li id="show-more-direct-messages" class="dm-list-item bottom_left_row {{#unless more_conversations_unread_count}}zero-dm-unreads{{/unless}}">
<span>
<li id="show-more-direct-messages" class="dm-list-item dm-box bottom_left_row {{#unless more_conversations_unread_count}}zero-dm-unreads{{/unless}}">
<a class="dm-name" tabindex="0">{{t "more conversations" }}</a>
<span class="unread_count {{#unless more_conversations_unread_count}}zero_count{{/unless}}">
{{more_conversations_unread_count}}
</span>
</span>
</li>