Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Boxed tabs background should extend to the full width of the content area

Aberta
#11,762 4 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
48/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
react, typescript
Domínio
frontend

Direção de pesquisa

Comece com o exemplo de boxed tabs na página de tabs do PatternFly vinculada e localize a implementação correspondente do componente Tabs neste repositório. Compare as capturas de tela atuais e desejadas e, em seguida, verifique se o plano de fundo de boxed tabs se estende por toda a largura do conteúdo sem alterar outras variantes de tabs.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

Stale

https://www.patternfly.org/components/tabs/html/#box

AAP uses the boxed tabs in the UI in pretty much all areas of AAP to show nested content. We'd like the background of the component to span full width to make the tab areas more distinct from the rest of the content background.

This is what it currently looks like (as also seen in the PF example above)
Image

This is our desired state.
Image

Making this change in the PF Component would help in avoiding the AAP UI team to do a workaround for this especially since it affects all areas in the UI.

Linguagem predominante
TypeScript
Estrelas
862
Forks
392
Merge médio
4d 8h
PRs com merge (30d)
9

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de patternfly/patternfly-react

Todas as issues de patternfly/patternfly-react

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.