fix(ext/popup): replace item type dropdown with selection view

Clicking "+ new" now navigates to a type selection view instead of
showing a dropdown that gets clipped by popup bounds. The selection
view displays all item types as buttons in a scrollable list.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken
2026-04-27 01:06:32 -04:00
parent eb14946f06
commit 39db697ce5
3 changed files with 93 additions and 6 deletions

View File

@@ -1211,3 +1211,36 @@ textarea {
.history-entry__copy:hover {
opacity: 0.8;
}
/* --- Type selection --- */
.type-select-list {
display: flex;
flex-direction: column;
gap: 4px;
}
.type-select-row {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
background: #161b22;
border: 1px solid transparent;
border-radius: 6px;
color: #c9d1d9;
font-size: 13px;
cursor: pointer;
text-align: left;
}
.type-select-row:hover {
background: #21262d;
border-color: #30363d;
}
.type-select-icon {
font-size: 16px;
width: 20px;
text-align: center;
}