Skip to content

Commit 056eb3d

Browse files
ogwataclaude
andcommitted
fix(nav): move Product to leftmost, Cookbook to its right
「新機能ガイド」のときは「最近の動向 → 概念導入」の通時的な順で 最左端に置いていたが、Cookbook / 活用ガイドへの改名で「機能カタログ」 の性格が強くなったため、起点としては Product(プロダクト)を置く方が 自然。グローバルナビとホームサイドバーの両方で順序を入れ替える。 旧: Cookbook | Product | Tutorials | Reference | FAQ 新: Product | Cookbook | Tutorials | Reference | FAQ Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent 9406cfb commit 056eb3d

3 files changed

Lines changed: 29 additions & 29 deletions

File tree

src/layouts/DocsLayout.astro

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -143,7 +143,6 @@ const navLinks = {
143143
<img src="/vivliostyle-docs.svg" alt="Vivliostyle Docs" class="logo-image" />
144144
</a>
145145
<nav class="header-nav" aria-label={isJa ? 'グローバルナビゲーション' : 'Global navigation'}>
146-
<a href={navLinks.cookbook.href}>{navLinks.cookbook.label}</a>
147146
<details class="nav-accordion">
148147
<summary>{navLabels.product}</summary>
149148
<div class="nav-panel">
@@ -152,6 +151,7 @@ const navLinks = {
152151
))}
153152
</div>
154153
</details>
154+
<a href={navLinks.cookbook.href}>{navLinks.cookbook.label}</a>
155155
<a
156156
href={navLinks.tutorial.href}
157157
target={navLinks.tutorial.external ? '_blank' : undefined}

src/pages/en/index.astro

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -40,31 +40,31 @@ const description = indexDoc?.data?.description || 'Official documentation for V
4040
<div class="sidebar-accordion">
4141
<div class="accordion-section">
4242
<div class="accordion-header">
43-
<button class="accordion-toggle" aria-controls="cookbook-group" aria-expanded="true" aria-label="Toggle Cookbook section">
43+
<button class="accordion-toggle" aria-controls="product-group" aria-expanded="true" aria-label="Toggle Product section">
4444
<span class="toggle-icon" aria-hidden="true"></span>
4545
</button>
46-
<a href="/en/cookbook/" class="accordion-section-title">Cookbook</a>
46+
<span class="accordion-section-title">Product</span>
4747
</div>
48-
<ul class="accordion-content" id="cookbook-group">
49-
<li><a href="/en/cookbook/">Overview</a></li>
50-
<li><a href="/en/cookbook/footnotes/">Footnotes</a></li>
51-
<li><a href="/en/cookbook/cmyk/">CMYK Conversion</a></li>
52-
<li><a href="/en/cookbook/page-groups/">Page Groups</a></li>
48+
<ul class="accordion-content" id="product-group">
49+
<li><a href="/en/viewer/">Vivliostyle Viewer</a></li>
50+
<li><a href="/en/cli/">Vivliostyle CLI</a></li>
51+
<li><a href="/en/vfm/">VFM</a></li>
52+
<li><a href="/en/themes/">Vivliostyle Themes</a></li>
5353
</ul>
5454
</div>
5555

5656
<div class="accordion-section">
5757
<div class="accordion-header">
58-
<button class="accordion-toggle" aria-controls="product-group" aria-expanded="true" aria-label="Toggle Product section">
58+
<button class="accordion-toggle" aria-controls="cookbook-group" aria-expanded="true" aria-label="Toggle Cookbook section">
5959
<span class="toggle-icon" aria-hidden="true"></span>
6060
</button>
61-
<span class="accordion-section-title">Product</span>
61+
<a href="/en/cookbook/" class="accordion-section-title">Cookbook</a>
6262
</div>
63-
<ul class="accordion-content" id="product-group">
64-
<li><a href="/en/viewer/">Vivliostyle Viewer</a></li>
65-
<li><a href="/en/cli/">Vivliostyle CLI</a></li>
66-
<li><a href="/en/vfm/">VFM</a></li>
67-
<li><a href="/en/themes/">Vivliostyle Themes</a></li>
63+
<ul class="accordion-content" id="cookbook-group">
64+
<li><a href="/en/cookbook/">Overview</a></li>
65+
<li><a href="/en/cookbook/footnotes/">Footnotes</a></li>
66+
<li><a href="/en/cookbook/cmyk/">CMYK Conversion</a></li>
67+
<li><a href="/en/cookbook/page-groups/">Page Groups</a></li>
6868
</ul>
6969
</div>
7070
</div>

src/pages/ja/index.astro

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -40,31 +40,31 @@ const description = indexDoc?.data?.description || 'Vivliostyle公式ドキュ
4040
<div class="sidebar-accordion">
4141
<div class="accordion-section">
4242
<div class="accordion-header">
43-
<button class="accordion-toggle" aria-controls="cookbook-group" aria-expanded="true" aria-label="活用ガイドの開閉">
43+
<button class="accordion-toggle" aria-controls="product-group" aria-expanded="true" aria-label="プロダクトの開閉">
4444
<span class="toggle-icon" aria-hidden="true"></span>
4545
</button>
46-
<a href="/ja/cookbook/" class="accordion-section-title">活用ガイド</a>
46+
<span class="accordion-section-title">プロダクト</span>
4747
</div>
48-
<ul class="accordion-content" id="cookbook-group">
49-
<li><a href="/ja/cookbook/">概要</a></li>
50-
<li><a href="/ja/cookbook/footnotes/">脚注ガイド</a></li>
51-
<li><a href="/ja/cookbook/cmyk/">CMYK 変換ガイド</a></li>
52-
<li><a href="/ja/cookbook/page-groups/">ページグループガイド</a></li>
48+
<ul class="accordion-content" id="product-group">
49+
<li><a href="/ja/viewer/">Vivliostyle Viewer</a></li>
50+
<li><a href="/ja/cli/">Vivliostyle CLI</a></li>
51+
<li><a href="/ja/vfm/">VFM</a></li>
52+
<li><a href="/ja/themes/">Vivliostyle Themes</a></li>
5353
</ul>
5454
</div>
5555

5656
<div class="accordion-section">
5757
<div class="accordion-header">
58-
<button class="accordion-toggle" aria-controls="product-group" aria-expanded="true" aria-label="プロダクトの開閉">
58+
<button class="accordion-toggle" aria-controls="cookbook-group" aria-expanded="true" aria-label="活用ガイドの開閉">
5959
<span class="toggle-icon" aria-hidden="true"></span>
6060
</button>
61-
<span class="accordion-section-title">プロダクト</span>
61+
<a href="/ja/cookbook/" class="accordion-section-title">活用ガイド</a>
6262
</div>
63-
<ul class="accordion-content" id="product-group">
64-
<li><a href="/ja/viewer/">Vivliostyle Viewer</a></li>
65-
<li><a href="/ja/cli/">Vivliostyle CLI</a></li>
66-
<li><a href="/ja/vfm/">VFM</a></li>
67-
<li><a href="/ja/themes/">Vivliostyle Themes</a></li>
63+
<ul class="accordion-content" id="cookbook-group">
64+
<li><a href="/ja/cookbook/">概要</a></li>
65+
<li><a href="/ja/cookbook/footnotes/">脚注ガイド</a></li>
66+
<li><a href="/ja/cookbook/cmyk/">CMYK 変換ガイド</a></li>
67+
<li><a href="/ja/cookbook/page-groups/">ページグループガイド</a></li>
6868
</ul>
6969
</div>
7070
</div>

0 commit comments

Comments
 (0)