mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
docs(docs-infra): hide file tabs when code example is hidden
This commit is contained in:
parent
024c93904c
commit
6d8c3fc888
2 changed files with 5 additions and 2 deletions
|
|
@ -6,8 +6,10 @@
|
|||
|
||||
@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" />
|
||||
@if (showCode()) {
|
||||
@for (tab of tabs(); track tab) {
|
||||
<mat-tab [label]="tab.name" />
|
||||
}
|
||||
}
|
||||
</mat-tab-group>
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,6 +31,7 @@
|
|||
transition: background 0.3s ease, border-color 0.3s ease;
|
||||
padding-inline-end: 0.65rem;
|
||||
font-family: var(--inter-tight-font);
|
||||
height: 3rem;
|
||||
|
||||
mat-tab-group {
|
||||
max-width: calc(100% - 140px);
|
||||
|
|
|
|||
Loading…
Reference in a new issue