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