From 6d8c3fc888b6cc1e4a341d032911cbcb2fdbf7ad Mon Sep 17 00:00:00 2001
From: Cheng-Hsuan Tsai <webcat@google.com>
Date: Thu, 13 Nov 2025 22:03:34 +0000
Subject: [PATCH] docs(docs-infra): hide file tabs when code example is hidden

---
 .../viewers/example-viewer/example-viewer.component.html    | 6 ++++--
 .../viewers/example-viewer/example-viewer.component.scss    | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.html b/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.html
index c22a2457807..ad6d9081b51 100644
--- a/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.html
+++ b/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.html
@@ -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>
     }
diff --git a/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss b/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss
index 00725167c39..4e13250294d 100644
--- a/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss
+++ b/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss
@@ -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);