feat(ui): improve filter preset delete button visibility and layout

- Hide delete button by default and show on hover for inactive presets
- Show delete button on active presets only when hovering over the preset
- Add ellipsis truncation for long preset names to prevent layout breakage
- Remove checkmark icon from active preset names for cleaner visual design
This commit is contained in:
Will Miao
2026-02-03 20:05:39 +08:00
parent 655d3cab71
commit 990a3527e4
2 changed files with 13 additions and 7 deletions

View File

@@ -751,12 +751,7 @@ export class FilterPresetManager {
const presetName = document.createElement('span');
presetName.className = 'preset-name';
if (isActive) {
presetName.innerHTML = `<i class="fas fa-check"></i> ${preset.name}`;
} else {
presetName.textContent = preset.name;
}
presetName.textContent = preset.name;
presetName.title = translate('header.filter.presetClickTooltip', { name: preset.name }, `Click to apply preset "${preset.name}"`);
const deleteBtn = document.createElement('button');