diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css index 6ea0df8..f047e9d 100644 --- a/assets/webui/ofdgo.css +++ b/assets/webui/ofdgo.css @@ -640,7 +640,6 @@ a:focus-visible { } .font-listbox .font-option { - position: relative; display: flex; align-items: baseline; justify-content: space-between; @@ -663,28 +662,15 @@ a:focus-visible { font-size: 12px; } -.font-listbox .font-option:not([data-disabled="true"]):hover, -.font-listbox [data-selected="true"] { +.font-listbox .font-option:not([data-disabled="true"]):not([data-selected="true"]):hover { background: var(--hover); } .font-listbox [data-selected="true"] { - outline: 1px solid var(--focus); - outline-offset: -1px; -} - -.font-listbox [data-current="true"] { + background: var(--selected); color: var(--accent-strong); } -.font-listbox [data-current="true"]::before { - position: absolute; - inset: 6px auto 6px 0; - width: 2px; - background: var(--accent); - content: ""; -} - .font-listbox [data-disabled="true"], .font-search-empty { color: var(--text-muted); @@ -1289,27 +1275,6 @@ button:not(:disabled):hover { vertical-align: middle; } -.convert-format select { - -webkit-appearance: none; - appearance: none; - padding: 0 12px; -} - -.convert-format::after { - position: absolute; - right: 6px; - top: calc(50% - 2px); - border: 3px solid transparent; - border-bottom: 0; - border-top-color: currentColor; - pointer-events: none; - content: ""; -} - -.convert-format:has(select:disabled)::after { - opacity: 0.48; -} - .convert-table tbody tr:last-child td { border-bottom: 0; } @@ -2822,6 +2787,7 @@ body[data-hide-meta] .meta-panel { padding-left: 6px; border: 1px solid var(--line); background-color: var(--input); + color: var(--text); font: inherit; } diff --git a/assets/webui/ofdgo_font.js b/assets/webui/ofdgo_font.js index d05cb0d..dee398b 100644 --- a/assets/webui/ofdgo_font.js +++ b/assets/webui/ofdgo_font.js @@ -98,13 +98,12 @@ export class FontPicker { return terms.every(term => name.includes(term)); }); this.list.replaceChildren(); - for (const { font, index, group } of this.matches) { + for (const { font, index } of this.matches) { const option = document.createElement("div"); option.className = "font-option"; option.id = `${this.list.id}-${index}`; option.dataset.index = String(index); option.setAttribute("data-disabled", String(Boolean(font.disabled))); - option.setAttribute("data-current", String(!font.disabled && group.includes(Number(this.value)))); const name = document.createElement("span"); name.textContent = font.menuFamily || font.fullName || font.name; option.append(name);