mirror of
https://github.com/fnsign/embedded-omnisearch.git
synced 2026-07-22 06:58:08 +00:00
Merge pull request #14 from fnsign:1.3.0
Enhance minimal theme and search results layout
This commit is contained in:
Fozi
GitHub
commit
22eb616cc3
4 changed files with 43 additions and 74 deletions
|
|
@ -112,7 +112,7 @@ You can override any class in an Obsidian CSS snippet. Key classes:
|
|||
- `.eo-clear` — clear button
|
||||
- `.eo-status` — status / result count line
|
||||
- `.eo-results` — results container
|
||||
- `.eo-results-table` — result table
|
||||
- `.eo-results-grid` — result grid
|
||||
- `.eo-results-row` / `.eo-results-cell` — result rows and cells
|
||||
- `.eo-results-link` — clickable note link
|
||||
- `.eo-page-bar` / `.eo-page-btn` / `.eo-page-info` — pagination
|
||||
|
|
|
|||
38
main.js
38
main.js
|
|
@ -345,7 +345,7 @@ class SearchView extends obsidian.Component {
|
|||
|
||||
/* Results list */
|
||||
this.resultsEl = root.createDiv({ cls: "eo-results" });
|
||||
this.buildResultsTable();
|
||||
this.buildResultsGrid();
|
||||
|
||||
/* Pagination */
|
||||
this.pageBar = this.createPaginationBar(root);
|
||||
|
|
@ -359,22 +359,16 @@ class SearchView extends obsidian.Component {
|
|||
return this.popover;
|
||||
}
|
||||
|
||||
buildResultsTable() {
|
||||
const tbl = this.resultsEl.createEl("table", { cls: "eo-results-table" });
|
||||
setElementHidden(tbl, true);
|
||||
const colgroup = tbl.createEl("colgroup");
|
||||
colgroup.createEl("col", { cls: "eo-col-file" });
|
||||
colgroup.createEl("col", { cls: "eo-col-score" });
|
||||
colgroup.createEl("col", { cls: "eo-col-preview" });
|
||||
buildResultsGrid() {
|
||||
const grid = this.resultsEl.createDiv({ cls: "eo-results-grid" });
|
||||
setElementHidden(grid, true);
|
||||
const headRow = grid.createDiv({ cls: "eo-results-head-row" });
|
||||
headRow.createDiv({ cls: "eo-results-head-cell eo-results-head-file", text: "File" });
|
||||
headRow.createDiv({ cls: "eo-results-head-cell eo-results-head-score", text: "Score" });
|
||||
headRow.createDiv({ cls: "eo-results-head-cell eo-results-head-preview", text: "Preview" });
|
||||
|
||||
const thead = tbl.createEl("thead", { cls: "eo-results-head" });
|
||||
const headRow = thead.createEl("tr", { cls: "eo-results-head-row" });
|
||||
headRow.createEl("th", { cls: "eo-results-head-cell eo-results-head-file", text: "File" });
|
||||
headRow.createEl("th", { cls: "eo-results-head-cell eo-results-head-score", text: "Score" });
|
||||
headRow.createEl("th", { cls: "eo-results-head-cell eo-results-head-preview", text: "Preview" });
|
||||
|
||||
this.resultsTable = tbl;
|
||||
this.resultsBody = tbl.createEl("tbody", { cls: "eo-results-body" });
|
||||
this.resultsGrid = grid;
|
||||
this.resultsBody = grid.createDiv({ cls: "eo-results-body" });
|
||||
}
|
||||
|
||||
createPaginationBar(parent) {
|
||||
|
|
@ -494,7 +488,7 @@ class SearchView extends obsidian.Component {
|
|||
|
||||
resetResults() {
|
||||
if (this.resultsBody) this.resultsBody.empty();
|
||||
if (this.resultsTable) setElementHidden(this.resultsTable, true);
|
||||
if (this.resultsGrid) setElementHidden(this.resultsGrid, true);
|
||||
this.results = [];
|
||||
this.page = 0;
|
||||
this.terms = [];
|
||||
|
|
@ -562,22 +556,22 @@ class SearchView extends obsidian.Component {
|
|||
|
||||
renderRow(result) {
|
||||
const path = String(result.path || "");
|
||||
const row = this.resultsBody.createEl("tr", { cls: "eo-results-row" });
|
||||
const row = this.resultsBody.createDiv({ cls: "eo-results-row" });
|
||||
row.dataset.filepath = path;
|
||||
|
||||
const fileCell = row.createEl("td", { cls: "eo-results-cell eo-results-file" });
|
||||
const fileCell = row.createDiv({ cls: "eo-results-cell eo-results-file" });
|
||||
fileCell.createEl("a", {
|
||||
cls: "internal-link eo-results-link",
|
||||
text: bname(path),
|
||||
attr: { href: path, "data-href": path }
|
||||
});
|
||||
|
||||
row.createEl("td", {
|
||||
row.createDiv({
|
||||
cls: "eo-results-cell eo-results-score",
|
||||
text: String(Math.round(result.score || 0))
|
||||
});
|
||||
|
||||
const previewCell = row.createEl("td", { cls: "eo-results-cell eo-results-preview" });
|
||||
const previewCell = row.createDiv({ cls: "eo-results-cell eo-results-preview" });
|
||||
appendHighlightedText(previewCell, result.excerpt, this.getResultTerms(result));
|
||||
}
|
||||
|
||||
|
|
@ -592,7 +586,7 @@ class SearchView extends obsidian.Component {
|
|||
this.statusEl.textContent = this.results.length + " results \u2014 page " + (this.page + 1) + " of " + total;
|
||||
this.resultsBody.empty();
|
||||
for (let i = 0; i < items.length; i++) this.renderRow(items[i]);
|
||||
setElementHidden(this.resultsTable, false);
|
||||
setElementHidden(this.resultsGrid, false);
|
||||
|
||||
this.updatePaginationControls(total);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"id": "embedded-omnisearch",
|
||||
"name": "Embedded-Omnisearch",
|
||||
"version": "1.2.9",
|
||||
"version": "1.3.0",
|
||||
"minAppVersion": "1.0.0",
|
||||
"description": "Inline search UI powered by Omnisearch, with configurable page size, highlight color, and highlight opacity.",
|
||||
"author": "fnsign",
|
||||
|
|
|
|||
75
styles.css
75
styles.css
|
|
@ -6,10 +6,22 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
/* --- Code-block container (Obsidian-generated parent) --- */
|
||||
.block-language-embedded-omnisearch {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* --- Wrapper --- */
|
||||
.eo-wrap {
|
||||
margin: 16px 0 10px;
|
||||
margin: 16px auto 10px;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
font-family: var(--font-interface);
|
||||
}
|
||||
|
|
@ -93,67 +105,30 @@
|
|||
.eo-results {
|
||||
margin-top: 8px;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
/* --- Results Table --- */
|
||||
.eo-results-table {
|
||||
/* --- Results Grid --- */
|
||||
.eo-results-grid {
|
||||
width: 100%;
|
||||
table-layout: auto;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.eo-wrap table.eo-results-table,
|
||||
.eo-wrap table.eo-results-table thead,
|
||||
.eo-wrap table.eo-results-table tbody,
|
||||
.eo-wrap table.eo-results-table tr,
|
||||
.eo-wrap table.eo-results-table th,
|
||||
.eo-wrap table.eo-results-table td,
|
||||
.eo-wrap table.eo-results-table colgroup,
|
||||
.eo-wrap table.eo-results-table col {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
.eo-results-head-row,
|
||||
.eo-results-row {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(4.5ch, max-content) minmax(0, 3fr);
|
||||
min-width: 0;
|
||||
background: transparent;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.eo-wrap table.eo-results-table th.eo-results-head-cell {
|
||||
white-space: nowrap;
|
||||
overflow-wrap: normal;
|
||||
word-break: keep-all;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
.eo-col-file {
|
||||
width: 24%;
|
||||
}
|
||||
|
||||
.eo-col-score {
|
||||
width: 1%;
|
||||
}
|
||||
|
||||
.eo-col-preview {
|
||||
width: 68%;
|
||||
}
|
||||
|
||||
.eo-wrap .eo-results-head-file,
|
||||
.eo-wrap .eo-results-file {
|
||||
min-width: 7ch;
|
||||
}
|
||||
|
||||
.eo-wrap .eo-results-head-preview,
|
||||
.eo-wrap .eo-results-preview {
|
||||
min-width: 9ch;
|
||||
}
|
||||
|
||||
.eo-results-head-cell,
|
||||
.eo-results-cell {
|
||||
padding: 8px 10px;
|
||||
vertical-align: top;
|
||||
min-width: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.eo-results-head-cell {
|
||||
|
|
|
|||
Loading…
Reference in a new issue