Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

The padding prop seems to have no effect with PageLayout.Sidebar

Abierto Apto para principiantes
  • ¿Algo no está bien?
#8,470 1 comentario 1 reacción 0 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

@minwookshin ya está trabajando en esto.

Desde el 1/10/2026.

  • #8475 de @minwookshin — abierto

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
68/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

Comienza con los puntos de entrada PageLayout.Sidebar y PageLayout.Header y reproduce el ejemplo de TypeScript proporcionado. Compara cómo aplica cada componente su prop padding cuando el componente padre usa padding="none"; se considera terminado cuando Sidebar padding="condensed" tiene efecto visible, igual que Header padding.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

component: PageLayout react staff

It seems like padding="condensed" on PageLayout.Sidebar does not have an effect when used within PageLayout with padding="none". Other sub-components do seem to have an effect. For example:

import {PageLayout} from '@primer/react'

export function BenchmarksClientPage({children}: {children: React.ReactNode}) {
  return (
    <PageLayout padding="none">
      <PageLayout.Header padding="condensed">
        header
      </PageLayout.Header>
      <PageLayout.Sidebar divider="line" sticky padding="condensed">
        sidebar
      </PageLayout.Sidebar>
      <PageLayout.Content>content</PageLayout.Content>
    </PageLayout>
  )
}

In this snippet, PageLayout.Sidebar would have no padding even though padding="condensed" is set where-as PageLayout.Header does have padding set

Lenguaje dominante
TypeScript
Estrellas
3.9k
Forks
697
Merge medio
2 d 17 h
PR fusionados (30 d)
37

Preparar el entorno

Abrir en Codespaces

Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.

  • Sin Dockerfile ni archivo de Docker Compose
  • Tiene una plantilla de pull request
  • Sin guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de primer/react

Todos los issues de primer/react

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.