TabView styling and css inheritance

Aberta
#5,803 1 comentário 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
5/5
Tempo estimado
Mais de uma semana
Facilidade para iniciantes
25/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
css, typescript
Domínio
frontend, mobile-dev

Direção de pesquisa

Comece localizando as implementações de TabView e TabViewItem e o código de estilo específico de cada plataforma. Compare a herança atual e o comportamento das propriedades nativas no iOS e no Android e, em seguida, verifique como o tab-text-color existente é exposto. O trabalho estará concluído quando o text-transform herdado se comportar de acordo com CSS, propriedades separadas do texto das abas cobrirem o tamanho da fonte e o comportamento de transformação propostos, e as discrepâncias entre as plataformas forem resolvidas.

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

Descrição

enhancement feature tab-view

Problem: There are no separate elements for the tab content and the tab strip item. The TabViewItem element wraps both. This breaks css inheritance - the css is applied to both content and tab strip, but you can't override the css separately.

There are also some discrepancies between properties and between platforms:

  • font-size and text-transform have native implementations on TabViewItem, color doesn't. There is however tab-text-color which applies color to all tab strip items.
  • text-transform is for some reason not an inherited property
  • font-size is hard coded for iOS TabViewItems to 10.

Proposed solution:
As a rule I think inherited css properties shouldn't have implementations on elements that are not separately represented in the mark up.

  • Make text-transform inherited as per CSS spec.
  • Remove font-size and text-transform from TabViewItem.
  • Introduce new properties in their place on both TabView and TabViewItem tab-text-font-size and tab-text-transform.
  • Optionally introduce more font properties, e.g. tab-text-font, tab-text-font-style, tab-text-font-family.

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

Linguagem predominante
TypeScript
Estrelas
25.7k
Forks
1.7k
Merge médio
1d 5h
PRs com merge (30d)
35

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 NativeScript/NativeScript

Todas as issues de NativeScript/NativeScript

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.