patternfly / patternfly/patternfly-react

Table - support for small toggle using ActionsColumn

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

Nadie ha tomado este issue todavía.

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

Descripción

Compact tables should use compact actions to achieve proper alignment. Regular actions will result in a small misalignment.

The default menu toggle in ActionsColumn component doesn't appear to have support for changing its size, so it causes a misalignment when used in compact tables. It would be great to be able pass a prop to this component to control the default toggle size.

@thatblindgeye I opened this issue before I saw your comment in https://github.com/patternfly/patternfly/issues/7267#issuecomment-2552073848

not sure if we expose a way to adjust the size of a kebab toggle in a table -- EDIT: technically we do as you can pass a custom toggle in

Seems like it might be useful to support a small toggle here, but feel free to close this if you think passing a custom toggle resolves this issue. https://github.com/patternfly/patternfly-react/blob/4d61988b459a747a05cd27a56ceecfea65b87612/packages/react-table/src/components/Table/ActionsColumn.tsx#L101-L109


Jira Issue: PF-4559

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

Empieza en packages/react-table/src/components/Table/ActionsColumn.tsx, especialmente en el área del toggle predeterminado enlazada en el issue. Compara la ruta existente de custom-toggle con el control de tamaño solicitado y, después, verifica que las tablas compactas puedan usar un toggle pequeño sin afectar a las tablas normales. Se considera terminado cuando el toggle predeterminado admite el tamaño solicitado y conserva el comportamiento actual.

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

Evaluación

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

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.