Skip to content

Commit 015d582

Browse files
MeAkibmmalerba
authored andcommitted
docs(docs-infra): keep file name visible when code block is hidden (angular#64204)
Ensures that file names remain visible even if the associated code block is collapsed or hidden, improving readability and context in the docs. PR Close angular#64204
1 parent 9eac43c commit 015d582

File tree

2 files changed

+11
-16
lines changed

2 files changed

+11
-16
lines changed

adev/shared-docs/components/viewers/example-viewer/example-viewer.component.html

Lines changed: 9 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,15 @@
11
<div class="docs-example-viewer" role="group">
22
<header class="docs-example-viewer-actions">
3-
@if (showCode()) {
4-
@if (view() === CodeExampleViewMode.SNIPPET) {
5-
<span>{{ exampleMetadata()?.title }}</span>
6-
}
3+
@if (view() === CodeExampleViewMode.SNIPPET) {
4+
<span>{{ exampleMetadata()?.title }}</span>
5+
}
76

8-
@if (view() === CodeExampleViewMode.MULTI_FILE) {
9-
<mat-tab-group #codeTabs animationDuration="0ms" mat-stretch-tabs="false">
10-
@for (tab of tabs(); track tab) {
11-
<mat-tab [label]="tab.name" />
12-
}
13-
</mat-tab-group>
14-
}
15-
} @else {
16-
<!-- Title placeholder -->
17-
<span aria-hidden="true">&nbsp;</span>
7+
@if (view() === CodeExampleViewMode.MULTI_FILE) {
8+
<mat-tab-group #codeTabs animationDuration="0ms" mat-stretch-tabs="false">
9+
@for (tab of tabs(); track tab) {
10+
<mat-tab [label]="tab.name" />
11+
}
12+
</mat-tab-group>
1813
}
1914

2015
<div class="docs-example-viewer-icons">

adev/src/content/tools/language-service.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -136,10 +136,10 @@ Either directly install the "Eclipse IDE for Web and JavaScript developers" pack
136136
The Angular Language Service uses the tsserver, which doesn't follow the LSP specifications exactly. Therefore if you are using neovim or vim with JavaScript or TypeScript or Angular you may find that [Conquer of Completion](https://github.com/neoclide/coc.nvim) (COC) has the fullest implementation of the Angular Language Service and the tsserver. This is because COC ports the VSCode implementation of the tsserver which accommodates the tsserver's implementation.
137137

138138
1. [Setup coc.nvim](https://github.com/neoclide/coc.nvim)
139-
139+
140140
2. Configure the Angular Language Service
141141

142-
Once installed run the `CocConfig` vim command line command to open the config file `coc-settings.json` and add the angular property.
142+
Once installed run the `CocConfig` vim command line command to open the config file `coc-settings.json` and add the angular property.
143143

144144
Make sure to substitute the correct paths to your global `node_modules` such that they go to directories which contain `tsserver` and the `ngserver` respectively.
145145

0 commit comments

Comments
 (0)