improves multicolumn view; based on #159

rNeomy · Feb 18, 2023 · 7e85c7b · 7e85c7b
1 parent 5a44138
commit 7e85c7b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/v3/data/reader/index.js b/v3/data/reader/index.js
@@ -162,6 +162,7 @@ const update = {
     document.querySelector('[data-id=full-width] input').checked = Boolean(prefs.width) === false;
     // as a CSS selector
     document.body.dataset.font = prefs.font;
+    document.body.dataset.colums = prefs['column-count'];
     //
     document.querySelector('#font-details [data-id="font-size"]').textContent = prefs['font-size'] + 'px';
     document.querySelector('#font-details [data-id="screen-width"]').textContent = prefs['width'] || 'unset';

diff --git a/v3/data/reader/template.html b/v3/data/reader/template.html
@@ -184,8 +184,10 @@
 mark.hghlght {
   background-color: var(--hg);
 }
-h1,h2,h3, h4 {
+body:not([data-columns="1"]) .page :is(h1, h2, h3, h4) {
   column-span: all;
+  background-color: rgba(125, 125, 125, 0.1);
+  padding: 10px;
 }
 .hidden {
   display: none;