Skip to content

Commit f637151

Browse files
kepanokepano
committed
Super quick table fix, more to come
1 parent 2a70d1f commit f637151

File tree

6 files changed

+43
-35
lines changed

6 files changed

+43
-35
lines changed

‎Minimal.css‎

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1686,18 +1686,11 @@ body {
16861686
It means we don't have to write long specific selectors
16871687
like `.table-100.markdown-source-view...`
16881688
*/
1689-
.markdown-source-view {
1690-
--table-drag-space: 16px; }
1691-
16921689
body {
16931690
--container-table-max-width: var(--max-width);
16941691
--table-max-width: none;
16951692
--table-width: auto;
16961693
--table-margin: inherit;
1697-
--table-drag-space: 0px;
1698-
--table-drag-padding: var(--table-drag-space) var(--table-drag-space) 0 var(--table-drag-space);
1699-
--container-table-margin: calc(var(--content-margin-start) - var(--table-drag-space));
1700-
--container-table-width: calc(var(--line-width) + var(--table-drag-space)*2);
17011694
--container-dataview-table-width: var(--line-width);
17021695
--container-img-width: var(--line-width);
17031696
--container-img-max-width: var(--max-width);
@@ -1743,12 +1736,21 @@ table.dataview {
17431736
--table-width: 100%;
17441737
--table-min-width: none; }
17451738

1739+
body {
1740+
--table-drag-space: 16px;
1741+
--container-table-margin: calc(var(--content-margin-start) - var(--table-drag-space));
1742+
--container-table-width: calc(var(--line-width) + var(--table-drag-space)*2);
1743+
--table-drag-padding: var(--table-drag-space) var(--table-drag-space) 0 var(--table-drag-space); }
1744+
1745+
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view {
1746+
--container-table-margin: var(--content-margin-start); }
1747+
17461748
.maximize-tables-auto {
17471749
--container-table-max-width: 100%;
17481750
--container-table-width: 100%;
17491751
--container-dataview-table-width: 100%;
17501752
--container-table-margin: 0;
1751-
--table-drag-padding: 16px 0 0;
1753+
--table-drag-padding: var(--table-drag-space) 0 0;
17521754
--table-max-width: 100%;
17531755
--table-margin: var(--content-margin-start) auto;
17541756
--table-width: auto; }
@@ -1761,7 +1763,7 @@ table.dataview {
17611763
--container-table-max-width: 100%;
17621764
--container-table-width: 100%;
17631765
--container-table-margin: 0;
1764-
--table-drag-padding: 16px 0 0;
1766+
--table-drag-padding: var(--table-drag-space) 0 0;
17651767
--table-min-width: min(var(--line-width), var(--max-width));
17661768
--table-max-width: 100%;
17671769
--table-margin: auto;
@@ -1797,7 +1799,7 @@ table.dataview {
17971799
--table-edge-cell-padding-first: 16px;
17981800
--table-edge-cell-padding-last: 16px;
17991801
--table-margin: 0;
1800-
--table-drag-padding: 16px 0; }
1802+
--table-drag-padding: var(--table-drag-space) 0; }
18011803
.table-100 .dataview.list-view-ul {
18021804
max-width: var(--max-width);
18031805
width: var(--line-width);

‎manifest.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "Minimal",
3-
"version": "7.4.1",
3+
"version": "7.4.2",
44
"minAppVersion": "1.5.0",
55
"author": "@kepano",
66
"authorUrl": "https://twitter.com/kepano",

‎src/css/main.css‎

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1643,18 +1643,11 @@ body {
16431643
It means we don't have to write long specific selectors
16441644
like `.table-100.markdown-source-view...`
16451645
*/
1646-
.markdown-source-view {
1647-
--table-drag-space: 16px; }
1648-
16491646
body {
16501647
--container-table-max-width: var(--max-width);
16511648
--table-max-width: none;
16521649
--table-width: auto;
16531650
--table-margin: inherit;
1654-
--table-drag-space: 0px;
1655-
--table-drag-padding: var(--table-drag-space) var(--table-drag-space) 0 var(--table-drag-space);
1656-
--container-table-margin: calc(var(--content-margin-start) - var(--table-drag-space));
1657-
--container-table-width: calc(var(--line-width) + var(--table-drag-space)*2);
16581651
--container-dataview-table-width: var(--line-width);
16591652
--container-img-width: var(--line-width);
16601653
--container-img-max-width: var(--max-width);
@@ -1700,12 +1693,21 @@ table.dataview {
17001693
--table-width: 100%;
17011694
--table-min-width: none; }
17021695

1696+
body {
1697+
--table-drag-space: 16px;
1698+
--container-table-margin: calc(var(--content-margin-start) - var(--table-drag-space));
1699+
--container-table-width: calc(var(--line-width) + var(--table-drag-space)*2);
1700+
--table-drag-padding: var(--table-drag-space) var(--table-drag-space) 0 var(--table-drag-space); }
1701+
1702+
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view {
1703+
--container-table-margin: var(--content-margin-start); }
1704+
17031705
.maximize-tables-auto {
17041706
--container-table-max-width: 100%;
17051707
--container-table-width: 100%;
17061708
--container-dataview-table-width: 100%;
17071709
--container-table-margin: 0;
1708-
--table-drag-padding: 16px 0 0;
1710+
--table-drag-padding: var(--table-drag-space) 0 0;
17091711
--table-max-width: 100%;
17101712
--table-margin: var(--content-margin-start) auto;
17111713
--table-width: auto; }
@@ -1718,7 +1720,7 @@ table.dataview {
17181720
--container-table-max-width: 100%;
17191721
--container-table-width: 100%;
17201722
--container-table-margin: 0;
1721-
--table-drag-padding: 16px 0 0;
1723+
--table-drag-padding: var(--table-drag-space) 0 0;
17221724
--table-min-width: min(var(--line-width), var(--max-width));
17231725
--table-max-width: 100%;
17241726
--table-margin: auto;
@@ -1754,7 +1756,7 @@ table.dataview {
17541756
--table-edge-cell-padding-first: 16px;
17551757
--table-edge-cell-padding-last: 16px;
17561758
--table-margin: 0;
1757-
--table-drag-padding: 16px 0; }
1759+
--table-drag-padding: var(--table-drag-space) 0; }
17581760
.table-100 .dataview.list-view-ul {
17591761
max-width: var(--max-width);
17601762
width: var(--line-width);

‎src/css/main.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/scss/features/block-width.scss‎

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -88,20 +88,12 @@ body {
8888
It means we don't have to write long specific selectors
8989
like `.table-100.markdown-source-view...`
9090
*/
91-
.markdown-source-view {
92-
--table-drag-space: 16px;
93-
}
9491

9592
body {
9693
--container-table-max-width: var(--max-width);
9794
--table-max-width: none;
9895
--table-width: auto;
9996
--table-margin: inherit;
100-
--table-drag-space: 0px;
101-
--table-drag-padding: var(--table-drag-space) var(--table-drag-space) 0 var(--table-drag-space);
102-
103-
--container-table-margin: calc(var(--content-margin-start) - var(--table-drag-space));
104-
--container-table-width: calc(var(--line-width) + var(--table-drag-space)*2);
10597

10698
--container-dataview-table-width: var(--line-width);
10799

@@ -159,12 +151,25 @@ table.dataview {
159151
--table-min-width: none;
160152
}
161153

154+
body {
155+
--table-drag-space: 16px;
156+
--container-table-margin: calc(var(--content-margin-start) - var(--table-drag-space));
157+
--container-table-width: calc(var(--line-width) + var(--table-drag-space)*2);
158+
--table-drag-padding: var(--table-drag-space) var(--table-drag-space) 0 var(--table-drag-space);
159+
}
160+
161+
body:not(.table-100):not(.table-max):not(.table-wide) {
162+
.markdown-preview-view {
163+
--container-table-margin: var(--content-margin-start);
164+
}
165+
}
166+
162167
.maximize-tables-auto {
163168
--container-table-max-width: 100%;
164169
--container-table-width: 100%;
165170
--container-dataview-table-width: 100%;
166171
--container-table-margin: 0;
167-
--table-drag-padding: 16px 0 0;
172+
--table-drag-padding: var(--table-drag-space) 0 0;
168173

169174
--table-max-width: 100%;
170175
--table-margin: var(--content-margin-start) auto;
@@ -182,7 +187,7 @@ table.dataview {
182187
--container-table-max-width: 100%;
183188
--container-table-width: 100%;
184189
--container-table-margin: 0;
185-
--table-drag-padding: 16px 0 0;
190+
--table-drag-padding: var(--table-drag-space) 0 0;
186191

187192
--table-min-width: min(var(--line-width), var(--max-width));
188193
--table-max-width: 100%;
@@ -192,7 +197,6 @@ table.dataview {
192197
--table-edge-cell-padding-last: 8px;
193198
}
194199

195-
196200
.table-wide,
197201
.table-max,
198202
.table-100 {
@@ -218,7 +222,7 @@ table.dataview {
218222
--table-edge-cell-padding-first: 16px;
219223
--table-edge-cell-padding-last: 16px;
220224
--table-margin: 0;
221-
--table-drag-padding: 16px 0;
225+
--table-drag-padding: var(--table-drag-space) 0;
222226

223227
.dataview.list-view-ul {
224228
max-width: var(--max-width);

‎theme.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)