chore(demo): fix dark theme landing

taiga-family · Feb 1, 2021 · 385cd13 · 385cd13
1 parent 6f9a19e
commit 385cd13
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 36 deletions.
diff --git 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
@@ -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
@@ -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>