left_sidebar: Remove unnecessary nested #direct-messages-section.

`#direct-messages-section-header` will take over existing behaviour of
`#direct-messages-section`.
This commit is contained in:
Shubham Padia
2024-07-04 10:46:35 +00:00
committed by Tim Abbott
parent 847ff6ee21
commit 737e075cc3
4 changed files with 13 additions and 17 deletions

View File

@@ -23,7 +23,7 @@ let private_messages_collapsed = false;
let zoomed = false; let zoomed = false;
function get_private_messages_section_header(): JQuery { function get_private_messages_section_header(): JQuery {
return $(".direct-messages-container #direct-messages-section #direct-messages-section-header"); return $(".direct-messages-container #direct-messages-section-header");
} }
export function set_count(count: number): void { export function set_count(count: number): void {

View File

@@ -313,7 +313,7 @@ li.show-more-topics {
.active-direct-messages-section { .active-direct-messages-section {
background-color: var(--color-background-active-narrow-filter); background-color: var(--color-background-active-narrow-filter);
#direct-messages-section { #direct-messages-section-header {
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
} }

View File

@@ -144,7 +144,6 @@
</div> </div>
<div id="direct-messages-sticky-header" class="direct-messages-container zoom-out hidden-for-spectators"> <div id="direct-messages-sticky-header" class="direct-messages-container zoom-out hidden-for-spectators">
<div id="direct-messages-section">
<div id="direct-messages-section-header" class="zoom-out zoom-in-sticky"> <div id="direct-messages-section-header" class="zoom-out zoom-in-sticky">
<i id="toggle-direct-messages-section-icon" class="fa fa-sm fa-caret-down dm-tooltip-target zoom-in-hide" aria-hidden="true" tabindex="0" role="button"></i> <i id="toggle-direct-messages-section-icon" class="fa fa-sm fa-caret-down dm-tooltip-target zoom-in-hide" aria-hidden="true" tabindex="0" role="button"></i>
<h4 class="left-sidebar-title"><span class="dm-tooltip-target">{{t 'DIRECT MESSAGES' }}</span></h4> <h4 class="left-sidebar-title"><span class="dm-tooltip-target">{{t 'DIRECT MESSAGES' }}</span></h4>
@@ -159,7 +158,6 @@
</a> </a>
</div> </div>
</div> </div>
</div>
{{~!-- squash whitespace --~}} {{~!-- squash whitespace --~}}
<div id="left_sidebar_scroll_container" class="scrolling_list" data-simplebar data-simplebar-tab-index="-1"> <div id="left_sidebar_scroll_container" class="scrolling_list" data-simplebar data-simplebar-tab-index="-1">
<div class="direct-messages-container zoom-out hidden-for-spectators"> <div class="direct-messages-container zoom-out hidden-for-spectators">

View File

@@ -12,9 +12,7 @@ run_test("update_dom_with_unread_counts", () => {
let counts; let counts;
const $total_count = $.create("total-count-stub"); const $total_count = $.create("total-count-stub");
const $private_li = $( const $private_li = $(".direct-messages-container #direct-messages-section-header");
".direct-messages-container #direct-messages-section #direct-messages-section-header",
);
$private_li.set_find_results(".unread_count", $total_count); $private_li.set_find_results(".unread_count", $total_count);
counts = { counts = {