From 61d3e498d7a937e7285f517bf8f19cef6655490f Mon Sep 17 00:00:00 2001
From: Phodal Huang <h@phodal.com>
Date: Fri, 24 Apr 2020 09:18:00 +0800
Subject: [PATCH] styles: add height adjust for #114

---
 .../practise/practise.component.html            |  2 +-
 src/styles/_markdown-render.scss                | 17 +++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/app/presentation/practise/practise.component.html b/src/app/presentation/practise/practise.component.html
index 36c03320..be05f39b 100644
--- a/src/app/presentation/practise/practise.component.html
+++ b/src/app/presentation/practise/practise.component.html
@@ -1 +1 @@
-<component-markdown-render [data]="data" [showToc]="true"></component-markdown-render>
+<component-markdown-render [data]="data" [showToc]="true" [virtualScroll]="true" class="virtual-scroll-render"></component-markdown-render>
diff --git a/src/styles/_markdown-render.scss b/src/styles/_markdown-render.scss
index b59d910d..87c1e7c1 100644
--- a/src/styles/_markdown-render.scss
+++ b/src/styles/_markdown-render.scss
@@ -1,5 +1,16 @@
 @import "./color";
 
+.virtual-scroll-render {
+  .ledge-render {
+    height: calc(100% - 66px);
+
+    virtual-scroller,
+    ledge-render {
+      height: 100%;
+    }
+  }
+}
+
 .markdown-toc {
   display: flex;
   flex-direction: row;
@@ -11,12 +22,6 @@
     height: calc(100vh - 66px);
     overflow-y: scroll;
 
-
-    virtual-scroller,
-    ledge-render {
-      height: 100%;
-    }
-
     .ledge-render {
       width: calc(100% - 2em);
       border: solid 1px $border-color;