Skip to content

UN-4073 [FIX] Make the organization list scrollable on the select-organization screen #2272

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jaseemjaskp merged 2 commits into from
Sep 1, 2026
Merged

UN-4073 [FIX] Make the organization list scrollable on the select-organization screen #2272

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ac3094e
UN-4073 fix: make the /setOrg organization list scrollable
jaseemjaskp Sep 1, 2026
28da478
UN-4073 fix: address self-review on the /setOrg scroll fix
jaseemjaskp Sep 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 23 additions & 1 deletion frontend/src/components/set-org/SetOrg.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,27 @@
}

.card-list-container {
margin: 10%;
/* The scroll region. `.org-list` fills `.org-container`'s 100vh as a column
* flex container, so without `min-height: 0` this box refuses to shrink
* below its content: the extra org cards spill past the viewport and are
* clipped instead of scrolling. */
flex: 1;
min-height: 0;
overflow-y: auto;
/* Was `margin: 10%`. The horizontal half was redundant — `width: 80%` plus
* `align-items: center` on `.org-list` lands the cards at the same offset —
* so card geometry is unchanged. Note top/bottom percentages resolve
* against the containing block's WIDTH, as they did before. */
margin: 5% 0;
width: 80%;
/* Room below for `.org-card-container`'s box-shadow, which the scroll box
* clips. No horizontal padding: it would narrow the cards and worsen the
* overlap between a long org name and the Connect button that
* `.ant-card-meta-title` below causes by setting `text-overflow: ellipsis`
* with no `overflow: hidden`. Fix that rule and this constraint expires.
* The right-hand shadow stays clipped either way; at ~5% alpha it reads as
* nothing. */
padding-bottom: 32px;
}
.org-list {
background: #ffffff;
Expand Down Expand Up @@ -84,6 +103,9 @@
.select-org-unstract-logo {
width: 200px;
margin-top: 10%;
/* Flex items default to `flex-shrink: 1`, so a long org list squashed the
* logo instead of scrolling — measured at 0px height, not merely thin. */
flex-shrink: 0;
}

.select-org-button {
Expand Down
Loading