fix: fix margin issue

src/app/shared/components/markdown-render/markdown-render.component.scss

@@ -3,24 +3,19 @@
 }
 
 .markdown-toc {
- min-height: 600px;
- height: calc(100vh - 66px);
- overflow-y: hidden;
-
  .left-drawer {
  width: 15%;
  min-width: 120px;
- position: absolute;
  }
 
  .right-content {
+ height: calc(100vh - 68px);
  }
 }
 
 .no-toc-markdown {
  width: 95%;
  margin: 1em auto 0;
- height: calc(100vh - 66px);
 }
 
 .sticky {

src/app/shared/components/markdown-render/markdown-render.component.ts

@@ -80,6 +80,14 @@ export class MarkdownRenderComponent
  top = this.drawerEl.elementRef.nativeElement.scrollTop;
  }
 
+ const windowScroll = window.pageYOffset;
+ const headerHeight = 64;
+ if (windowScroll >= headerHeight) {
+ this.sticky = true;
+ } else {
+ this.sticky = false;
+ }
+
  if (
  window.pageYOffset ||
  document.documentElement.scrollTop ||

src/app/shared/ledge-render/ledge-render.component.scss

@@ -1,6 +1,5 @@
 .ledge-render {
  width: 100%;
- height: 100vh;
 }
 
 .render-item {

src/styles.scss

@@ -36,8 +36,6 @@ html {
 }
 
 body {
- max-width: 100%;
- max-height: 100%;
  min-width: 1200px;
  width: auto;
 }

src/styles/_markdown.scss

@@ -600,7 +600,6 @@
 
 .markdown-toc {
  font-size: 18px;
- padding-top: 1em;
 
  .left-drawer {
  font-size: 16px;