fix(app): headings in not indexable content have a wrong margin

ng-doc · Apr 11, 2023 · 82dbea1 · 82dbea1
1 parent 4254833
commit 82dbea1
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 14 deletions.
diff --git a/apps/ng-doc/src/app/docs/file-entities/api/index.md b/apps/ng-doc/src/app/docs/file-entities/api/index.md
@@ -86,8 +86,6 @@ the `*ContentApiTemplating` article.
 If you would like to see what the output of the API looks like, you can look at the API example
 for the following entities `NgDocPageEntity`, `NgDocApiPageEntity`.
 
-{% index false %}
-
 ## Multiple API configurations
 
 By default, NgDoc is configured to work only with one API configuration file, but if it is necessary
@@ -96,6 +94,8 @@ specify different value for the `route` field in the `ng-doc.api.ts` file otherw
 get a conflict between two API pages, because the `route` property is optional and if you don't specify
 it, NgDoc will use `api` as a default value.
 
+{% index false %}
+
 ## See also
 
 - `*EntitiesCategory`

diff --git a/apps/ng-doc/tsconfig.app.json b/apps/ng-doc/tsconfig.app.json
@@ -1,9 +1,8 @@
 {
 	"extends": "./tsconfig.json",
 	"compilerOptions": {
-		"outDir": "../../dist/out-tsc",
-		"types": [],
-		"target": "ES2020"
+		"target": "ES2020",
+
 	},
 	"files": ["src/main.ts", "src/polyfills.ts"],
 	"include": ["src/**/*.d.ts"],

diff --git a/apps/ng-doc/tsconfig.json b/apps/ng-doc/tsconfig.json
@@ -20,7 +20,7 @@
 		"noPropertyAccessFromIndexSignature": true,
 		"noImplicitReturns": true,
 		"noFallthroughCasesInSwitch": true,
-		"target": "es2020"
+		"target": "es2022"
 	},
 	"angularCompilerOptions": {
 		"strictInjectionParameters": true,

diff --git a/libs/app/components/page/page.component.html b/libs/app/components/page/page.component.html
@@ -22,6 +22,7 @@
 	</div>
 
 	<div
+		class="ng-doc-page-wrapper"
 		[innerHTML]="rootPage.pageContent | ngDocSanitizeHtml"
 		ngDocBlockquoteProcessor
 		ngDocLinkProcessor

diff --git a/libs/app/styles/page.scss b/libs/app/styles/page.scss
@@ -24,17 +24,19 @@ article {
 			transition: var(--ng-doc-transition);
 		}
 
-		&:first-child {
-			margin-top: 0;
-		}
+
+	}
+
+	.ng-doc-page-wrapper > {
+		@include headings {
+				&:first-child {
+					margin-top: 0;
+				}
+			}
 	}
 
 	section#{$class} {
 		margin-bottom: calc(var(--ng-doc-base-gutter) * 5);
-
-		@include headings {
-			//margin: calc(var(--ng-doc-base-gutter) * 3) 0;
-		}
 	}
 
 	header#{$class} {

diff --git a/tsconfig.base.json b/tsconfig.base.json
@@ -8,9 +8,10 @@
 		"emitDecoratorMetadata": true,
 		"experimentalDecorators": true,
 		"allowSyntheticDefaultImports": true,
+		"useDefineForClassFields": false,
 		"importHelpers": true,
 		"strict": true,
-		"target": "es2020",
+		"target": "es2022",
 		"module": "esnext",
 		"lib": ["es2019", "dom"],
 		"skipLibCheck": true,