docs(docs-infra): keep file name visible when code block is hidden (#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 #64204
This commit is contained in:
Shuaib Hasan Akib 2025-10-02 21:20:04 +06:00 committed by Miles Malerba
parent 6fed986b7a
commit e2820d1a2d
2 changed files with 11 additions and 16 deletions

View file

@ -1,20 +1,15 @@
<div class="docs-example-viewer" role="group">
<header class="docs-example-viewer-actions">
@if (showCode()) {
@if (view() === CodeExampleViewMode.SNIPPET) {
<span>{{ exampleMetadata()?.title }}</span>
}
@if (view() === CodeExampleViewMode.SNIPPET) {
<span>{{ exampleMetadata()?.title }}</span>
}
@if (view() === CodeExampleViewMode.MULTI_FILE) {
<mat-tab-group #codeTabs animationDuration="0ms" mat-stretch-tabs="false">
@for (tab of tabs(); track tab) {
<mat-tab [label]="tab.name" />
}
</mat-tab-group>
}
} @else {
<!-- Title placeholder -->
<span aria-hidden="true">&nbsp;</span>
@if (view() === CodeExampleViewMode.MULTI_FILE) {
<mat-tab-group #codeTabs animationDuration="0ms" mat-stretch-tabs="false">
@for (tab of tabs(); track tab) {
<mat-tab [label]="tab.name" />
}
</mat-tab-group>
}
<div class="docs-example-viewer-icons">

View file

@ -136,10 +136,10 @@ Either directly install the "Eclipse IDE for Web and JavaScript developers" pack
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.
1. [Setup coc.nvim](https://github.com/neoclide/coc.nvim)
2. Configure the Angular Language Service
Once installed run the `CocConfig` vim command line command to open the config file `coc-settings.json` and add the angular property.
Once installed run the `CocConfig` vim command line command to open the config file `coc-settings.json` and add the angular property.
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.