obsidian-plugin/h-sphere_sql-seal
1
0
Fork 0
mirror of https://github.com/h-sphere/sql-seal.git synced 2026-07-22 10:10:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #149 from h-sphere/feat/support-obsidian-minimal-styles

Browse source 
feat: adding support for obsidian-minimal styles
This commit is contained in:
Kacper Kula 2025-04-30 12:38:45 +01:00 committed by GitHub
commit 5254a67bc0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 41 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/renderer/TableRenderer.ts
View file

@ -17,12 +17,12 @@ export class TableRenderer implements RendererConfig {
return 'html'
}
get viewDefinition(): ViewDefinition {
return {
name: this.rendererKey,
argument: 'viewClassNames?',
singleLine: true
}
return {
name: this.rendererKey,
argument: 'viewClassNames?',
singleLine: true
}
}
validateConfig(config: string): HTMLRendererConfig {
if (!config) {
@ -40,28 +40,46 @@ export class TableRenderer implements RendererConfig {
return {
render: ({ columns, data }: any) => {
el.empty()
const container = el.createDiv({
cls: ['sqlseal-table-container', ...config.classNames]
})
let tableClasses = ['sqlseal']
let adjustLayout = false
let classNames = [...config.classNames]
// To make sure templates like minimal work properly
if (classNames.contains('dataview')) {
tableClasses.push('dataview', 'table-view-table')
adjustLayout = true
classNames = classNames.filter(c => c !== 'dataview')
}
const container = el.createDiv({
cls: ['sqlseal-table-container', ...classNames]
})
const table = container.createEl("table", {
cls: tableClasses
})
// HEADER
const header = table.createEl("thead").createEl("tr")
const header = table.createEl("thead", {
cls: adjustLayout ? ['table-view-thead'] : []
}).createEl("tr")
columns.forEach((c: string) => {
header.createEl("th", { text: c })
})
const body = table.createEl("tbody")
const body = table.createEl("tbody", { cls: adjustLayout ? ['table-view-tbody'] : [] })
data.forEach((d: any) => {
const row = body.createEl("tr")
columns.forEach((c: any) => {
row.createEl("td", { text: cellParser.render(d[c]) as string })
const parsed = cellParser.render(d[c]) as string
if (adjustLayout) {
const td = row.createEl("td")
td.createSpan({ text: parsed })
} else {
row.createEl("td", { text: parsed })
}
})
})
},

11
styles.css
View file

@ -12,6 +12,10 @@
position: relative;
}
.block-language-sqlseal {
overflow-y: auto;
}
.sqlseal-error {
padding: 1em;
background: #b80f0f;
@ -284,4 +288,11 @@
.cm-indent + :is(.cm-sqlseal-block-query, .cm-sqlseal-block-view, .cm-sqlseal-block-flag, .cm-sqlseal-block-table)::before {
display: none;
}
/* Obsidian Minimal Styles */
.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer>.cm-content>:has(>.block-language-sqlseal table.dataview) {
width: var(--container-dataview-table-width);
max-width: var(--container-table-max-width);
}