FIX: Set fixed width for email group chooser dropdown to prevent resizing based on content (#30740)

This PR addresses an issue where the dropdown container width was
inconsistent, resizing based on its content.

**Changes included:**
- Added a fixed width for the dropdown container.
- Adjusted margin spacing by applying it to the `.identifier` class
instead of `.name`. This prevents awkward spacing when either contains a
large number of characters.

Internal topic: /t/143862
This commit is contained in:
Ella E.
2025-01-13 19:00:09 -07:00
committed by GitHub
parent d49d117ca2
commit 9ce2ad14d1

View File

@@ -3,16 +3,20 @@
width: unset;
}
&.is-expanded .select-kit-body {
width: 300px;
}
.select-kit-row.email-group-user-chooser-row {
.identifier {
color: var(--primary);
white-space: nowrap;
line-height: var(--line-height-medium);
margin-right: 0.5em;
}
.name {
color: var(--primary-high);
font-size: var(--font-down-1);
margin-left: 0.5em;
@include ellipsis;
}
.avatar,