Content overflow scrolling for users list

This commit is contained in:
Andy Smith
2026-02-05 13:20:01 -06:00
parent 9c7afcbee8
commit 8e93f9d45e
2 changed files with 10 additions and 2 deletions
+8
View File
@@ -58,6 +58,14 @@
/* Users
/* ------------------------------------------------------------------------ */
.settings__section--users {
@media (min-width: 640px) {
display: flex;
flex: 1;
flex-direction: column;
min-height: 0;
}
}
.settings__user-filter {
--btn-size: 3.5ch;
--avatar-size: var(--btn-size);
+2 -2
View File
@@ -1,9 +1,9 @@
<section class="settings__section">
<section class="settings__section settings__section--users">
<header>
<h2 class="divider">People on this account</h2>
</header>
<%= tag.div class: "flex flex-column gap settings__user-filter", data: {
<%= tag.div class: "settings__user-filter flex flex-column gap", data: {
controller: "filter navigable-list",
action: "keydown->navigable-list#navigate filter:changed->navigable-list#reset",
navigable_list_focus_on_selection_value: true,