Tweaks for dataviewjs block width

kepano · Jul 10, 2024 · b0885a7 · b0885a7
1 parent 14bbcc2
commit b0885a7
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 9 deletions.
diff --git a/Minimal.css b/Minimal.css
@@ -2346,9 +2346,9 @@ body {
  width: var(--table-wrapper-width);
 }
 .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div:has(> .block-language-dataview > table),
-.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div:has(> .block-language-dataviewjs),
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div:has(> .block-language-dataviewjs > table),
 .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:has(> .block-language-dataview > table),
-.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:has(> .block-language-dataviewjs) {
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:has(> .block-language-dataviewjs > table) {
  width: var(--container-dataview-table-width);
  max-width: var(--container-table-max-width);
 }
@@ -2362,6 +2362,7 @@ body {
 .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content .block-language-dataviewjs > :is(p, h1, h2, h3, h4, h5, h6),
 .markdown-preview-view.is-readable-line-width .markdown-preview-sizer .block-language-dataviewjs > :is(p, h1, h2, h3, h4, h5, h6) {
  width: var(--line-width);
+ margin-inline: var(--content-margin);
 }
 .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content .block-language-dataviewjs > .dataview-error,
 .markdown-preview-view.is-readable-line-width .markdown-preview-sizer .block-language-dataviewjs > .dataview-error {

diff --git a/src/css/main.css b/src/css/main.css
diff --git a/src/css/main.css.map b/src/css/main.css.map
diff --git a/src/css/main.min.css b/src/css/main.min.css
diff --git a/src/css/main.min.css.map b/src/css/main.min.css.map
diff --git a/src/scss/features/block-width.scss b/src/scss/features/block-width.scss
@@ -317,7 +317,7 @@ body {
  width: var(--table-wrapper-width);
  }
  > div:has(>.block-language-dataview>table),
- > div:has(>.block-language-dataviewjs) {
+ > div:has(>.block-language-dataviewjs>table) {
  width: var(--container-dataview-table-width);
  max-width:var(--container-table-max-width);
  }
@@ -330,6 +330,7 @@ body {
  .block-language-dataviewjs {
  > :is(p,h1,h2,h3,h4,h5,h6) {
  width: var(--line-width);
+ margin-inline: var(--content-margin);
  }
  > .dataview-error {
  margin: 0 auto;

diff --git a/theme.css b/theme.css