obsidian-plugin/panatgithub_AnkiHeadingSync
1
0
Fork 0
mirror of https://github.com/panatgithub/AnkiHeadingSync.git synced 2026-07-22 06:51:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(settings): stabilize select border rendering

Browse source 
中文: 进一步稳定设置页下拉框边框显示，避免 Anki 映射行中的 select 控件在选择后被裁剪。

English: Further stabilize select border rendering in the settings Anki mapping rows after note type selection.
This commit is contained in:
Dusk 2026-04-25 13:21:25 +08:00
parent 2c86059baf
commit 9b692b066d
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/presentation/settings/PluginSettingTab.ts
View file

@ -278,7 +278,7 @@ export class AnkiHeadingSyncSettingTab extends PluginSettingTab {
ankiRow.style.alignItems = "center";
ankiRow.style.columnGap = "16px";
ankiRow.style.rowGap = "8px";
ankiRow.style.overflow = "hidden";
ankiRow.style.overflow = "visible";
ankiRow.style.width = "100%";
const noteTypeGroup = this.createGridControlSlot(ankiRow, t("settings.cards.cardTypes.labels.noteType"));
@ -1322,11 +1322,14 @@ export class AnkiHeadingSyncSettingTab extends PluginSettingTab {
}
private applyFluidEllipsis(element: HTMLElement): void {
const tagName = (element.tagName || (element as unknown as { tag?: string }).tag || "").toLowerCase();
const isFieldControl = tagName === "select" || tagName === "input";
element.style.boxSizing = "border-box";
element.style.width = "100%";
element.style.maxWidth = "100%";
element.style.width = isFieldControl ? "calc(100% - 2px)" : "100%";
element.style.maxWidth = isFieldControl ? "calc(100% - 2px)" : "100%";
element.style.minWidth = "0";
element.style.overflow = "hidden";
element.style.margin = isFieldControl ? "1px" : "0";
element.style.overflow = isFieldControl ? "visible" : "hidden";
element.style.textOverflow = "ellipsis";
element.style.whiteSpace = "nowrap";
}