gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-20 23:29:02 +02:00
Code Issues Actions 19 Packages Projects Releases Wiki Activity

style(views/table): improve autocomplete styling

Browse Source
This commit is contained in:
Elian Doran 2025-07-04 18:26:24 +03:00
parent e411f9932f
commit dcad23316d
No known key found for this signature in database
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/client/src/widgets/view_widgets/table_view/index.ts
View File

@ -34,6 +34,14 @@ const TPL = /*html*/`
right: 0; right: 0;
bottom: 0; bottom: 0;
} }
.tabulator-cell .autocomplete {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: transparent;
outline: none !important;
}
</style> </style>
<div class="header"> <div class="header">

8
apps/client/src/widgets/view_widgets/table_view/relation_editor.ts
View File

@ -12,6 +12,7 @@ export function RelationEditor(cell: CellComponent, onRendered, success, cancel,
//create and style editor //create and style editor
const editor = document.createElement("input"); const editor = document.createElement("input");
const $editor = $(editor); const $editor = $(editor);
editor.classList.add("form-control"); editor.classList.add("form-control");
@ -43,8 +44,11 @@ export function RelationEditor(cell: CellComponent, onRendered, success, cancel,
editor.focus(); editor.focus();
}); });
//return the editor element const container = document.createElement("div");
return editor; container.classList.add("input-group");
container.classList.add("autocomplete");
container.appendChild(editor);
return container;
}; };
export function RelationFormatter(cell: CellComponent, formatterParams, onRendered) { export function RelationFormatter(cell: CellComponent, formatterParams, onRendered) {