9dfea188bf
The All/Unread/Favorites/etc selector was a native <select>, which can't render SVG inside <option>. Replace it with a custom picker that: - Keeps the existing <select id="email-lib-filter"> as the value store (hidden via display:none). All existing 'change' listeners keep working — the picker just dispatches a change event after updating the select's value. - Renders a styled button + drop-out menu built from the select's options (preserves optgroup labels like 'Tags'). - Each option carries an SVG icon: lines for All, ringed dot for Unread, star for Favorites, empty checkbox for Undone, bell for Reminders, reply arrow for Unanswered/Reply-soon, clock for Pending, calendar-x for Stale, exclamation-triangle for Urgent, ban for Spam, newsletter and megaphone for the marketing tags. - Icons use var(--accent) so they pick up the user's theme color. - Click outside / Esc closes the menu (Esc handler is capture-phase + stopPropagation so it doesn't bubble to the modal-close listener and shut the whole email window). CSS scoped under .email-filter-picker. |
||
|---|---|---|
| .. | ||
| fonts | ||
| js | ||
| lib | ||
| app.js | ||
| index.html | ||
| login.html | ||
| manifest.json | ||
| style.css | ||
| sw.js | ||