fix(settings): prevent clipped field control borders

中文: 修复设置页下拉框选中后边框被 grid 容器裁剪的问题,避免 note type 控件边框缺失。

English: Prevent grid containers from clipping field control borders after note type selection.
This commit is contained in:
Dusk 2026-04-25 11:45:12 +08:00
parent 024b5cdc79
commit 2c86059baf

View file

@ -1307,7 +1307,7 @@ export class AnkiHeadingSyncSettingTab extends PluginSettingTab {
groupEl.style.alignItems = "center";
groupEl.style.gap = "8px";
groupEl.style.minWidth = "0";
groupEl.style.overflow = "hidden";
groupEl.style.overflow = "visible";
const labelEl = groupEl.createEl("span", { text: label });
labelEl.style.whiteSpace = "nowrap";
@ -1316,12 +1316,13 @@ export class AnkiHeadingSyncSettingTab extends PluginSettingTab {
const slotEl = groupEl.createDiv();
slotEl.style.flex = "1 1 0";
slotEl.style.minWidth = "0";
slotEl.style.overflow = "hidden";
slotEl.style.overflow = "visible";
return slotEl;
}
private applyFluidEllipsis(element: HTMLElement): void {
element.style.boxSizing = "border-box";
element.style.width = "100%";
element.style.maxWidth = "100%";
element.style.minWidth = "0";