Add copyable anchor links to section headings

Aperta Adatta ai principianti
#96 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

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
78/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
css, html, python

Direzione di ricerca

Individua i template o i componenti che renderizzano le intestazioni di Payload e della documentazione, insieme agli stili per l’intestazione fissa e il scroll-margin-top esistente. Inizia ricostruendo come vengono generati gli id delle intestazioni e come vengono usati dal pannello dei contenuti. Aggiungi i link con etichetta per le intestazioni h2 e h3, poi verifica che compaiano al passaggio del mouse e quando ricevono il focus da tastiera e che puntino agli id delle intestazioni.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

enhancement Website

Summary

Section headings on payload and docs pages have no anchor link, so readers cannot copy a link to a section from the page itself. They have to open the contents panel or edit the URL by hand.

Proposal

Show a small "#" link beside each h2 and h3 on hover and keyboard focus. It should link to the heading id and have an accessible label such as "Link to section: Attack Vectors". Optionally copy the full URL on click.

Why

Payload pages are long and are often shared in reports and chats.

Heading hover without anchor link

Notes

Headings already have ids (they are used by the contents panel), so only the link markup and styling are needed. Keep scroll-margin-top so the heading is not hidden behind the sticky header.

Lingua principale
Python
Stelle
22
Fork
14
Merge medio
14h 14m
PR unite (30g)
29

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di OWASP/OWASP-Hunting

Tutte le issue di OWASP/OWASP-Hunting

Issue simili

Altre issue su Python

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.