obsidian-plugin/vitovt_obsidian-csv-modern-codeblock
1
0
Fork 0
mirror of https://github.com/vitovt/obsidian-csv-modern-codeblock.git synced 2026-07-22 14:30:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make compact mode fit tables to note width

Browse source
This commit is contained in:
Vitovt 2026-03-27 13:24:30 +02:00
parent 95b9ddb9a7
commit 4ececd3db4
2 changed files with 27 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
main.js
View file

@ -682,6 +682,7 @@ class CsvCodeBlockPlugin extends import_obsidian.Plugin {
button.type = "button";
button.className = "csv-codeblock__sort-button";
label.className = "csv-codeblock__sort-label";
label.textContent = rowData[i];
indicator.className = "csv-codeblock__sort-indicator";

26
styles.css
View file

@ -21,10 +21,22 @@
width: max-content;
}
.csv-codeblock--compact .csv-codeblock__scroll {
overflow-x: hidden;
}
.csv-codeblock--compact .csv-codeblock__table {
width: 100%;
table-layout: fixed;
}
.csv-codeblock--compact .csv-codeblock__table th,
.csv-codeblock--compact .csv-codeblock__table td {
padding: 0.2rem 0.45rem;
line-height: 1.3;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}
.csv-codeblock--sticky .csv-codeblock__header-row th {
@ -58,9 +70,23 @@
cursor: pointer;
}
.csv-codeblock--compact .csv-codeblock__sort-button {
align-items: flex-start;
}
.csv-codeblock__sort-label {
min-width: 0;
}
.csv-codeblock--compact .csv-codeblock__sort-label {
white-space: normal;
overflow-wrap: anywhere;
}
.csv-codeblock__sort-indicator {
min-width: 0.75rem;
font-size: 0.75em;
flex: 0 0 auto;
}
.csv-codeblock--zebra .csv-codeblock__table tbody tr:nth-child(even) td {