mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
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:
parent
6fed986b7a
commit
e2820d1a2d
2 changed files with 11 additions and 16 deletions
|
|
@ -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"> </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">
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue