kubernetes/website

[RTL] navbar "hamburger" overlaps with logo on RTL layouts

已關閉

#55,924 建立於 2026年5月26日

在 GitHub 查看貢獻者指南
 (3 則留言) (0 個反應) (0 位負責人)HTML (13,918 個分叉)batch import
area/localizationarea/web-developmentgood first issuehelp wantedkind/bugpriority/backlogtriage/accepted

倉庫指標

星標
 (4,127 顆星)
PR 合併指標
 (平均合併 16天 13小時) (30 天內合併 160 個 PR)

描述

This is a Bug Report

Problem: (For RTL locales such as Persian) the hamburger menu is on the wrong side of the page, and the logo overlaps it.

Desired:

Actual:

Proposed Solution: Fix the SCSS address to address this.

Example:

  :dir(rtl) #hamburger {
    top: 0.75rem;
    left: 0.75rem;
    right: initial;
  }

Additional Information: /kind bug /area web-development /area localization

https://github.com/kubernetes/website/pull/55361 previously fixed it; since then, we upgraded Docsy.

貢獻者指南

研究方向
Review the previous fix in PR #55361 to understand the original SCSS change. Locate the navbar SCSS file, likely under assets/scss or layouts/partials, and apply the proposed :dir(rtl) tweak for the hamburger menu. Test the fix with a Persian or other RTL locale to confirm the overlap is resolved.
技術棧
csshtml
領域
frontendlocalization
議題類型
錯誤
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1 小時以內
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
新近可參與
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
Basic CSSRTL layout conceptsSCSS syntax
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
95