Skip to content

config: Trigger search bar #873

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

Open
Souma-Sumire wants to merge 13 commits into
base: main
Choose a base branch
from
Open

config: Trigger search bar #873

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
396f745
1
Souma-Sumire Dec 25, 2025
9eacd2f
stylelintfix
Souma-Sumire Dec 25, 2025
cff0486
ui/config: refine search box ui
Souma-Sumire Dec 30, 2025
5ec644a
ui/config: optimize search and add show hidden triggers button
Souma-Sumire Dec 30, 2025
41e1069
ui/config: further optimize search dom performance
Souma-Sumire Dec 30, 2025
c076429
Merge branch 'main' into search-bar
Souma-Sumire Dec 30, 2025
31f06f3
lint
Souma-Sumire Dec 30, 2025
6b9e317
debounce
Souma-Sumire Dec 31, 2025
2499db4
combined search
Souma-Sumire Dec 31, 2025
0eda585
Update config.ts
Souma-Sumire Jan 14, 2026
86b3fbb
Update ui/config/config.ts
Souma-Sumire Jan 15, 2026
2da133a
Update ui/config/config.ts
Souma-Sumire Jan 15, 2026
3c6b729
Update ui/config/config.ts
Souma-Sumire Jan 15, 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
65 changes: 65 additions & 0 deletions ui/config/config.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -429,3 +429,68 @@ input[type="checkbox"] {
width: 15px;
height: 15px;
}

.trigger-search-container.trigger-search-container {
grid-column: 1 / span 2;
margin: 10px 0 0;
padding: 0;
display: block;
position: relative;
}

.trigger-search-input.trigger-search-input {
display: block;
width: 100%;
padding: 10px 40px;
font-size: 16px;
text-align: left;
border: 1px solid #ccc;
border-radius: 6px;
background-color: #fafafa;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 12px center;
transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
box-sizing: border-box;
outline: none;
}

.trigger-search-input.trigger-search-input:focus {
background-color: #fff;
border-color: #4a90e2;
box-shadow: 0 2px 8px rgb(74 144 226 / 20%);
}

.trigger-search-input.trigger-search-input::placeholder {
color: #bbb;
font-style: italic;
}

.trigger-search-clear.trigger-search-clear {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
opacity: 0.6;
transition: opacity 0.2s;
display: none;
}

.trigger-search-clear.trigger-search-clear:hover {
opacity: 1;
}

.trigger-search-no-matches {
grid-column: 1 / span 2;
text-align: center;
padding: 30px;
color: #888;
font-style: italic;
font-size: 16px;
}
33 changes: 33 additions & 0 deletions ui/config/config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,6 +79,39 @@ const kDirectoryDefaultText = {
tc: '(默認)',
};

// Text in the trigger search placeholder.
export const kTriggerSearchPlaceholder = {
en: 'Search triggers...', // TODO: verify AI translation
de: 'Trigger suchen...', // TODO: verify AI translation
fr: 'Rechercher des déclencheurs...', // TODO: verify AI translation
ja: 'トリガーを検索...', // TODO: verify AI translation
cn: '搜索触发器...',
ko: '트리거 검색...',
tc: '搜索觸發器...', // TODO: verify AI translation
};

// Text shown when no search hits were found.
export const kNoSearchMatches = {
en: 'No matches found.', // TODO: verify AI translation
de: 'Keine Treffer gefunden.', // TODO: verify AI translation
fr: 'Aucun résultat trouvé.', // TODO: verify AI translation
ja: '該当する結果が見つかりませんでした。', // TODO: verify AI translation
cn: '未找到匹配项。',
ko: '일치하는 항목이 없습니다.',
tc: '未找到匹配項。', // TODO: verify AI translation
};

// Text shown when hidden triggers are available in a search.
export const kShowHiddenTriggers = {
en: 'Show ${num} other triggers for this zone', // TODO: verify AI translation
de: 'Zeige ${num} andere Trigger für diesen Bereich', // TODO: verify AI translation
fr: 'Afficher ${num} autres triggers pour cette zone', // TODO: verify AI translation
ja: 'このゾーンの他の ${num} 個のトリガーを表示', // TODO: verify AI translation
cn: '显示此区域的其他 ${num} 个触发器',
ko: '이 컨텐츠의 다른 트리거 ${num}개 표시하기',
tc: '顯示此區域的其他 ${num} 個觸發器', // TODO: verify AI translation
};

// Translating data folders to a category name.
export const kPrefixToCategory = {
'00-misc': {
Expand Down
Loading