Tablet layout: permanent sidebar takes a third of the screen at 768px
I maintainer di solito rispondono entro 1 giorno
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 70/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Attiva
- Stack tecnologico
- css
- Ambito
- frontend
Direzione di ricerca
Apri il layout del sito web e trova il breakpoint che controlla la barra laterale della documentazione da 240px e il componente MobileSidebar esistente. Riproduci la pagina a 768x1024 e 1024x900, poi verifica come si comporta il layout al di sotto del breakpoint desktop. Il lavoro è completato quando la barra laterale si comprime alle larghezze da tablet, dando più spazio all’articolo; il menu a discesa facoltativo dei contenuti è un miglioramento separato.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Summary
At tablet width the 240px documentation sidebar is always visible and takes about a third of the screen. The content column ends up narrow and the "On this page" contents panel is hidden.
Steps to reproduce
- Open
/OWASP-Hunting/payloads/xss/at 768x1024.
Expected
Below the desktop breakpoint the sidebar collapses into the existing mobile menu so content gets the full width.
Actual
The sidebar stays open at 768px, leaving roughly 450px for the article. The same happens at 1024px, where the contents panel is also hidden.
Suggested fix
Move the sidebar's breakpoint up (for example show it from 1100px) and use MobileSidebar below that. Optionally show a compact "On this page" dropdown on tablet.
Environment
website branch, Chromium, 768x1024 and 1024x900.
- Lingua principale
- Python
- Stelle
- 22
- Fork
- 14
- Merge medio
- 14h 14m
- PR unite (30g)
- 29
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di OWASP/OWASP-Hunting
-
enhancement Website
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
OWASP/OWASP-Hunting#96 ·
I maintainer di solito rispondono entro 1 giorno
-
enhancement Website
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
OWASP/OWASP-Hunting#93 ·
I maintainer di solito rispondono entro 1 giorno
-
enhancement Website
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
OWASP/OWASP-Hunting#92 ·
I maintainer di solito rispondono entro 1 giorno
-
bug Website
Difficoltà 2/5 1-3 ore Idoneità per principianti 79/100
OWASP/OWASP-Hunting#90 ·
I maintainer di solito rispondono entro 1 giorno
-
bug Website
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
OWASP/OWASP-Hunting#89 ·
I maintainer di solito rispondono entro 1 giorno
Tutte le issue di OWASP/OWASP-Hunting
Issue simili
-
Difficoltà 1/5 1-3 ore Idoneità per principianti 88/100
aws-samples/sample-per-model-bedrock#857 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 70/100
521xueweihan/HelloGitHub#4328 ·
-
documentation maintainer-managed
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
awslabs/visual-asset-management-system#1418 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno