verstak
/
verstak-desktop
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: style plugin manager filter selects

This commit is contained in:
mirivlad 2026-07-14 23:47:51 +08:00
parent 8be107013d
commit f9b20d51ff
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/e2e/plugin-manager-layout.spec.js
View File

@ -95,6 +95,12 @@ test.describe('E: Plugin Manager layout', () => {
const results = page.locator('[data-plugin-filter-results]'); const results = page.locator('[data-plugin-filter-results]');
await expect(results).toContainText('Showing'); await expect(results).toContainText('Showing');
const filterSelectStyle = await page.locator('[data-plugin-filter="status"]').evaluate((node) => {
const style = getComputedStyle(node);
return { appearance: style.appearance, backgroundImage: style.backgroundImage };
});
expect(filterSelectStyle.appearance).toBe('none');
expect(filterSelectStyle.backgroundImage).not.toBe('none');
await page.locator('[data-plugin-filter="status"]').selectOption('disabled'); await page.locator('[data-plugin-filter="status"]').selectOption('disabled');
await expect(page.locator('.plugin-card')).toHaveCount(1); await expect(page.locator('.plugin-card')).toHaveCount(1);

6
frontend/src/lib/plugin-manager/PluginManager.svelte
View File

@ -773,9 +773,15 @@
border: 1px solid #0f3460; border: 1px solid #0f3460;
border-radius: 5px; border-radius: 5px;
background: #16213e; background: #16213e;
background-image: linear-gradient(45deg, transparent 50%, #a0a0b8 50%), linear-gradient(135deg, #a0a0b8 50%, transparent 50%);
background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50%;
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
color: #e0e0e0; color: #e0e0e0;
font: inherit; font: inherit;
appearance: none;
} }
.filter-select option { background: #16213e; color: #e0e0e0; }
.filter-select:focus { outline: 2px solid #533483; outline-offset: 1px; } .filter-select:focus { outline: 2px solid #533483; outline-offset: 1px; }
.filter-options { .filter-options {
min-width: 0; min-width: 0;