From 308d63230e8516f20d1087b53ecf6d7ce54987d5 Mon Sep 17 00:00:00 2001
From: Christian Kremitzl <christian.kremitzl@uni-bamberg.de>
Date: Mon, 29 Apr 2019 14:35:18 +0200
Subject: [PATCH] Fix for scrolling background.

---
 css/theme/latex.css         | 7 ++++---
 css/theme/source/latex.scss | 7 +++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/css/theme/latex.css b/css/theme/latex.css
index 94db063..8092317 100644
--- a/css/theme/latex.css
+++ b/css/theme/latex.css
@@ -21,8 +21,7 @@ section {
       --square: 100vh; } }
 
 body {
-  font-size: calc(0.035 * var(--square));
-  background: var(--secondary); }
+  font-size: calc(0.035 * var(--square)); }
   body .layout-content-and-preview,
   body .layout-content-only {
     display: grid;
@@ -59,13 +58,15 @@ body {
         grid-template-areas: ".    .    ." ". content ." ".    .    .";
         background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - var(--square)) / 2), white calc((100% - var(--square)) / 2), white calc(100% - (100% - var(--square)) / 2), var(--secondary) calc(100% - (100% - var(--square)) / 2), var(--secondary) 100%); } }
   body .layout-content {
+    background: white;
     grid-area: content;
     position: relative; }
   body .layout-preview {
     grid-area: preview;
     display: flex;
     align-items: center;
-    justify-content: center; }
+    justify-content: center;
+    background: var(--secondary); }
     body .layout-preview img {
       width: auto;
       height: auto;
diff --git a/css/theme/source/latex.scss b/css/theme/source/latex.scss
index e1e2790..c14cf71 100644
--- a/css/theme/source/latex.scss
+++ b/css/theme/source/latex.scss
@@ -23,7 +23,6 @@ section {
 
 body {
   font-size: calc(0.035 * var(--square));
-  background: var(--secondary);
 
   .layout-content-and-preview,
   .layout-content-only {
@@ -34,7 +33,7 @@ body {
     max-width: 100vw;
     overflow: auto;
   }
-
+  
   .layout-content-and-preview {
     grid-template-rows: var(--square) auto;
     grid-template-columns: auto;
@@ -88,7 +87,7 @@ body {
   }
 
   .layout-content {
-    // background: white;
+    background: white;
     grid-area: content;
     position: relative;
   }
@@ -98,7 +97,7 @@ body {
     display: flex;
     align-items: center;
     justify-content: center;
-    // background: var(--secondary);
+    background: var(--secondary);
     img {
       width: auto;
       height: auto;