kubernetes/website

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

Open

#55,924 创建于 2026年5月26日

在 GitHub 查看
 (3 评论) (0 反应) (0 负责人)HTML (4,127 star) (13,918 fork)batch import
area/localizationarea/web-developmentgood first issuehelp wantedkind/bugpriority/backlogtriage/accepted

描述

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.

贡献者指南

技术栈
csshtml
领域
frontendlocalization
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
under 1 hour
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
fresh
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
Basic CSSRTL layout conceptsSCSS syntax
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
95
研究方向
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.