Add links to priorities page in the header and on the Features page (#1216)

This commit is contained in:
Hugo Locurcio
2025-11-29 14:22:39 +01:00
committed by GitHub
parent 750506743c
commit 3044b69f3b
13 changed files with 47 additions and 16 deletions

View File

@@ -12,6 +12,7 @@ header:
donate: Spenden
language: Sprache
console_support: Konsolen-Support
priorities: Prioritäten
events: Veranstaltungen
forum: Forum
footer:

View File

@@ -13,6 +13,7 @@ header:
language: Language
events: Events
console_support: Console support
priorities: Priorities
forum: Forum
footer:
godot_engine: Godot Engine

View File

@@ -13,6 +13,7 @@ header:
language: Idioma
events: Eventos
console_support: Soporte de consolas
priorities: Prioridades
forum: Foro
footer:
godot_engine: Godot Engine

View File

@@ -12,6 +12,7 @@ header:
donate: Donner
language: Langue
console_support: Support des consoles
priorities: Priorités
events: Événements
forum: Forum
footer:

View File

@@ -12,6 +12,7 @@ header:
donate: "寄付する"
language: "言語"
console_support: "コンソールサポート"
priorities: "優先事項"
events: "イベント"
forum: "フォーラム"
footer:

View File

@@ -12,6 +12,7 @@ header:
donate: 기부
language: 언어
console_support: 콘솔 지원
priorities: 우선 순위
events: 이벤트
forum: 포럼
footer:

View File

@@ -12,6 +12,7 @@ header:
donate: Wpłać datek
language: Język
console_support: Wsparcie konsol
priorities: Priorytety
events: Wydarzenia
forum: Forum
footer:

View File

@@ -13,6 +13,7 @@ header:
language: Idioma
events: Eventos
console_support: Suporte a consoles
priorities: Prioridades
forum: Fórum
footer:
godot_engine: Godot Engine

View File

@@ -12,6 +12,7 @@ header:
donate: 捐助
language: 语言
console_support: 主机支持
priorities: 优先事项
events: 活动
forum: 论坛
footer:

View File

@@ -12,6 +12,7 @@ header:
donate: 捐助
language: 語言
console_support: 主機支援
priorities: 優先事項
events: 活動
forum: 論壇
footer:

View File

@@ -16,14 +16,15 @@
<nav id="nav">
<ul class="left">
<!-- On hover, opens a dropdown containing the link to console support page -->
<!-- On hover, opens a dropdown containing the link to additional pages -->
<li><a href="/features/" data-dropdown="features-dropdown">{% t header.features %}</a></li>
<!-- Show additional links in the mobile hamburger menu -->
<li class="mobile-only"><a href="/consoles/">{% t header.console_support %}</a></li>
<li class="mobile-only"><a href="/priorities/">{% t header.priorities %}</a></li>
<li><a href="/showcase/">{% t header.showcase %}</a></li>
<li><a href="/blog/">{% t header.blog %}</a></li>
<li><a href="/community/" data-dropdown="community-dropdown">{% t header.community %}</a></li>
<li><a href="https://godotengine.org/asset-library/asset">{% t header.assets %}</a></li>
<!-- Show console support link in the mobile hamburger menu -->
<li class="mobile-only"><a href="/consoles/">{% t header.console_support %}</a></li>
</ul>
<ul class="right">
@@ -66,11 +67,12 @@
<!-- Dropdown menu positioned outside header to avoid backdrop-filter nesting issues -->
<div class="nav-dropdown-menu" id="features-dropdown">
<!-- The features link is only visible on high-resolution tablets -->
<!-- On desktop we show the dropdown on hover, and the user can navigate to the features page by clicking the link in main menu-->
<!-- On desktop we show the dropdown on hover, and the user can navigate to the features page by clicking the link in main menu -->
<!-- And on small screens (width < 1200px) we switch to mobile hamburger menu -->
<!-- So we need this only to cover the edge case of high-resolution tablets -->
<a href="/features/" class="touch-only">{% t header.features %}</a>
<a href="/consoles/">{% t header.console_support %}</a>
<a href="/priorities/">{% t header.priorities %}</a>
</div>
<div class="nav-dropdown-menu" id="community-dropdown">

View File

@@ -219,6 +219,11 @@ header .banner-container .banner a {
position: relative;
}
#nav ul li.mobile-only a {
/* Indent mobile-only navigation items. */
padding-left: 3.375rem;
}
/* Hide mobile-only items on desktop */
@media (min-width: 1200px) {
.mobile-only {

View File

@@ -160,10 +160,18 @@ layout: default
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 12px;
}
.features-complete-list .btn.btn-flat.btn-flat-white {
.features-priorities-list {
display: flex;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 24px;
}
.features-complete-list .btn.btn-flat.btn-flat-white,
.features-priorities-list .btn.btn-flat.btn-flat-white {
color: var(--base-color-text-title);
}
@@ -621,6 +629,12 @@ layout: default
</a>
</div>
<div class="features-priorities-list">
<a href="/priorities/" class="btn btn-flat btn-flat-white btn-flat-frosted">
View a list of priorities for upcoming features
</a>
</div>
</div>
{% include /download/download-section.html %}