kubernetes/website

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

Chiusa

#55.924 aperta il 26 mag 2026

Vedi su GitHubGuida contributor
 (3 commenti) (0 reazioni) (0 assegnatari)HTML (13.918 fork)batch import
area/localizationarea/web-developmentgood first issuehelp wantedkind/bugpriority/backlogtriage/accepted

Metriche repository

Star
 (4127 stelle)
Metriche merge PR
 (Merge medio 16g 13h) (160 PR mergiate in 30 g)

Descrizione

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.

Guida contributor

Direzione di ricerca
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.
Tech stack
csshtml
Dominio
frontendlocalization
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Basic CSSRTL layout conceptsSCSS syntax
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
95