styles: add height adjust for #114

phodal · Apr 24, 2020 · 61d3e49 · 61d3e49
1 parent 38da6bd
commit 61d3e49
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git 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
@@ -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;