buddy_list: Add shared classnames to simplify styles.

This will be particularly helpful for the third buddy
list section we're about to add.
This commit is contained in:
evykassirer
2024-09-17 18:18:47 -07:00
committed by Tim Abbott
parent 1767fac1d1
commit bc835d78a6
5 changed files with 12 additions and 23 deletions

View File

@@ -25,41 +25,30 @@ $user_status_emoji_width: 24px;
overflow: auto;
}
.toggle-narrow-users,
.toggle-other-users {
.buddy-list-section-toggle {
width: 7px;
}
#buddy-list-users-matching-view-container,
#buddy-list-other-users-container {
.buddy-list-section-container {
margin-bottom: 10px;
&.no-display {
display: none;
}
.view-all-subscribers-link,
.view-all-users-link {
.buddy-list-user-link {
margin-left: 15px;
}
}
#buddy-list-users-matching-view-container.collapsed {
#buddy-list-users-matching-view,
.view-all-subscribers-link {
.buddy-list-section-container.collapsed {
.buddy-list-section,
.buddy-list-user-link {
display: none;
}
}
#buddy-list-other-users-container.collapsed {
#buddy-list-other-users,
.view-all-users-link {
display: none;
}
}
#buddy-list-users-matching-view,
#buddy-list-other-users {
.buddy-list-section {
margin-bottom: 0;
overflow-x: hidden;
list-style-position: inside; /* Draw the bullets inside our box */

View File

@@ -1,4 +1,4 @@
<h5 id="{{id}}" class="buddy-list-heading no-style hidden-for-spectators">
{{header_text}} ({{user_count}})
</h5>
<i class="{{toggle_class}} fa fa-sm {{#if is_collapsed}}fa-caret-right{{else}}fa-caret-down{{/if}}" aria-hidden="true"></i>
<i class="buddy-list-section-toggle {{toggle_class}} fa fa-sm {{#if is_collapsed}}fa-caret-right{{else}}fa-caret-down{{/if}}" aria-hidden="true"></i>

View File

@@ -1 +1 @@
<a class="view-all-subscribers-link" href="{{stream_edit_hash}}">{{t "View all subscribers" }}</a>
<a class="buddy-list-user-link view-all-subscribers-link" href="{{stream_edit_hash}}">{{t "View all subscribers" }}</a>

View File

@@ -1 +1 @@
<a class="view-all-users-link" href="#organization/users">{{t "View all users" }}</a>
<a class="buddy-list-user-link view-all-users-link" href="#organization/users">{{t "View all users" }}</a>

View File

@@ -14,11 +14,11 @@
</button>
</div>
<div id="buddy_list_wrapper" class="scrolling_list" data-simplebar data-simplebar-tab-index="-1">
<div id="buddy-list-users-matching-view-container">
<div id="buddy-list-users-matching-view-container" class="buddy-list-section-container">
<div class="buddy-list-subsection-header"></div>
<ul id="buddy-list-users-matching-view" class="buddy-list-section filters" data-search-results-empty="{{t 'None.' }}"></ul>
</div>
<div id="buddy-list-other-users-container">
<div id="buddy-list-other-users-container" class="buddy-list-section-container">
<div class="buddy-list-subsection-header"></div>
<ul id="buddy-list-other-users" class="buddy-list-section filters" data-search-results-empty="{{t 'None.' }}"></ul>
</div>