patternfly / patternfly/patternfly-react

Table - add docs for using with container queries

Abierto Apto para principiantes
#12,550 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

PF Team Stale
Lenguaje dominante
TypeScript
Estrellas
862
Forks
392
Merge medio
4 d 8 h
PR fusionados (30 d)
9

Descripción

A short version of it is in core here - https://www.patternfly.org/components/table/html#responsive-layout-modifier-usage

IMO I'd like to at least update the wording so that "container queries" or "container query" are on the page somewhere in case someone searches for it. From the core docs, instead of this

Note: If a wrapping element creates an inline-size or size container with the container name pf-v6-contain-table, the breakpoints will apply to the container's width.

I'd advocate we add another h3 under the grid classes table with "Container queries" and some text like

To base the table's responsive classes on a container's width rather than the viewport, apply a CSS container named pf-v6-contain-table to the target ancestor element. For example:

.my-table-wrapper {
  container: pf-v6-contain-table / inline-size;
}

Jira Issue: PF-4418

Guía de contribución

Abrir la 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.

Línea de trabajo

Lea la documentación existente de Table y compárela con el uso del modificador de diseño adaptable de core Table enlazado en el issue. Localice la sección de las clases de grid, añada orientación sobre container queries que se pueda buscar y el ejemplo de CSS pf-v6-contain-table, y verifique después que la página renderizada incluya el nuevo encabezado y la explicación.

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

Evaluación

Stack tecnológico
css
Área
documentation
Tipo de issue
Documentación
Dificultad
2/5
Tiempo estimado
1-3 horas
Estado de actividad
Activo
Claridad
Bastante claro
Aptitud para principiantes
78/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.