From 385cd13231baa50b19d0253ad9f18e9cd0616b61 Mon Sep 17 00:00:00 2001
From: waterplea <alexander@inkin.ru>
Date: Mon, 1 Feb 2021 11:56:58 +0300
Subject: [PATCH] chore(demo): fix dark theme landing

---
 .../demo/src/modules/app/app.component.ts     |  3 +-
 projects/demo/src/modules/app/app.style.less  |  9 ---
 .../demo/src/modules/app/app.template.html    | 55 ++++++++++---------
 3 files changed, 31 insertions(+), 36 deletions(-)

diff --git a/projects/demo/src/modules/app/app.component.ts b/projects/demo/src/modules/app/app.component.ts
index dadfe5ca7d37..0087aaa2d0c7 100644
--- a/projects/demo/src/modules/app/app.component.ts
+++ b/projects/demo/src/modules/app/app.component.ts
@@ -1,4 +1,4 @@
-import {ChangeDetectorRef, Component, HostBinding, Inject} from '@angular/core';
+import {ChangeDetectorRef, Component, Inject} from '@angular/core';
 import {Router} from '@angular/router';
 import {TUI_IS_ANDROID, TUI_IS_IOS, tuiPure, watch} from '@taiga-ui/cdk';
 import {VERSION} from '@taiga-ui/core';
@@ -13,7 +13,6 @@ import {changeDetection} from '../../change-detection-strategy';
     changeDetection,
 })
 export class AppComponent {
-    @HostBinding('class._landing')
     landing = false;
 
     readonly version = VERSION;
diff --git a/projects/demo/src/modules/app/app.style.less b/projects/demo/src/modules/app/app.style.less
index f7c841309548..42e5656a57cb 100644
--- a/projects/demo/src/modules/app/app.style.less
+++ b/projects/demo/src/modules/app/app.style.less
@@ -1,14 +1,5 @@
 @import 'taiga-ui-local';
 
-:host._landing {
-    /* stylelint-disable */
-    ::ng-deep tui-doc-navigation,
-    ::ng-deep header[tuiDocHeader] {
-        display: none;
-    }
-    /* stylelint-enable */
-}
-
 .christmas {
     position: absolute;
     left: 5px;
diff --git a/projects/demo/src/modules/app/app.template.html b/projects/demo/src/modules/app/app.template.html
index 93fc1c834495..b2bc55ba45b3 100644
--- a/projects/demo/src/modules/app/app.template.html
+++ b/projects/demo/src/modules/app/app.template.html
@@ -1,26 +1,31 @@
-<tui-doc-main>
-    <ng-container ngProjectAs="tuiDocHeader">
-        <img
-            *ngIf="isChristmas"
-            alt="Santa hat"
-            class="christmas"
-            src="/assets/images/hat.svg"
-        />
-        <a
-            tuiLink
-            tuiMode="onLight"
-            class="link"
-            href="https://github.com/TinkoffCreditSystems/taiga-ui"
-            target="_blank"
+<router-outlet *ngIf="landing else portal"></router-outlet>
+<ng-template #portal>
+    <tui-doc-main>
+        <ng-container ngProjectAs="tuiDocHeader">
+            <img
+                *ngIf="isChristmas"
+                alt="Santa hat"
+                class="christmas"
+                src="/assets/images/hat.svg"
+            />
+            <a
+                tuiLink
+                tuiMode="onLight"
+                class="link"
+                href="https://github.com/TinkoffCreditSystems/taiga-ui"
+                target="_blank"
+            >
+                <img class="github" src="assets/images/github.svg" alt="" />
+                GitHub
+            </a>
+        </ng-container>
+        <small class="version" ngProjectAs="tuiDocNavigation"
+            >v{{version}}</small
         >
-            <img class="github" src="assets/images/github.svg" alt="" />
-            GitHub
-        </a>
-    </ng-container>
-    <small class="version" ngProjectAs="tuiDocNavigation">v{{version}}</small>
-    <tui-table-bars-host
-        ngProjectAs="tuiOverNotifications"
-    ></tui-table-bars-host>
-    <tui-theme-android *ngIf="isAndroid"></tui-theme-android>
-    <tui-theme-ios *ngIf="isIos"></tui-theme-ios>
-</tui-doc-main>
+        <tui-table-bars-host
+            ngProjectAs="tuiOverNotifications"
+        ></tui-table-bars-host>
+        <tui-theme-android *ngIf="isAndroid"></tui-theme-android>
+        <tui-theme-ios *ngIf="isIos"></tui-theme-ios>
+    </tui-doc-main>
+</ng-template>