chore(demo): change styles (#6228)

taiga-family · Dec 12, 2023 · d43a02e · d43a02e
1 parent 17edca6
commit d43a02e
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 11 deletions.
diff --git a/projects/demo/src/modules/info/changelog/changelog.component.ts b/projects/demo/src/modules/info/changelog/changelog.component.ts
@@ -1,4 +1,4 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {tuiRawLoad} from '@taiga-ui/addon-doc';
 import {of} from 'rxjs';
@@ -8,7 +8,6 @@ import {switchMap} from 'rxjs/operators';
     selector: 'changelog',
     templateUrl: './changelog.template.html',
     styleUrls: ['./changelog.style.less'],
-    encapsulation: ViewEncapsulation.None,
     changeDetection,
 })
 export class ChangelogComponent {

diff --git a/projects/demo/src/modules/info/changelog/changelog.style.less b/projects/demo/src/modules/info/changelog/changelog.style.less
@@ -1,5 +1,4 @@
-/* stylelint-disable selector-type-no-unknown */
-markdown {
+.changelog ::ng-deep {
     & > :nth-child(1),
     & > :nth-child(2) {
         display: none;
@@ -9,6 +8,10 @@ markdown {
         margin-left: 1.25rem;
     }
 
+    & h2[id]:nth-of-type(1) {
+        margin-top: 0;
+    }
+
     & h3:not([id^='feat']):not([id^='bug']):not([id^='deprecations']) {
         font-size: 1.75rem;
         padding-bottom: 0.5em;

diff --git a/projects/demo/src/modules/info/changelog/changelog.template.html b/projects/demo/src/modules/info/changelog/changelog.template.html
@@ -1,3 +1,6 @@
 <tui-doc-page header="Changelog">
-    <markdown [data]="(changelog | async) || ''"></markdown>
+    <markdown
+        class="changelog"
+        [data]="(changelog | async) || ''"
+    ></markdown>
 </tui-doc-page>
diff --git a/projects/demo/src/modules/markup/typography/typography.style.less b/projects/demo/src/modules/markup/typography/typography.style.less
@@ -1,11 +1,5 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
-:host {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-}
-
 .table {
     width: 100%;
 }