feat(KB-156): add search input to dependency dropdowns
- Add searchable text input to TaskDetailModal dependency dropdown with filtering by id, title, and description - Add matching search input to InlineCreateCard dependency dropdown - Add sticky .dep-dropdown-search CSS with focus styling - Reset search term when dropdown closes and reopens - Add tests for search filtering, case-insensitive matching, empty state, and reset behavior
This commit is contained in:
@@ -1134,6 +1134,30 @@ html, body {
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.dep-dropdown-search {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 6px 12px;
|
||||
font-size: 12px;
|
||||
font-family: inherit;
|
||||
background: var(--surface);
|
||||
border: none;
|
||||
border-bottom: 1px solid var(--border);
|
||||
color: var(--text);
|
||||
outline: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.dep-dropdown-search::placeholder {
|
||||
color: var(--text-dim);
|
||||
}
|
||||
|
||||
.dep-dropdown-search:focus {
|
||||
border-bottom-color: var(--accent, #58a6ff);
|
||||
}
|
||||
|
||||
.dep-dropdown-empty {
|
||||
padding: 10px 12px;
|
||||
font-size: 12px;
|
||||
|
||||
Reference in New Issue
Block a user