TabView styling and css inheritance

Ouverte
#5,803 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
5/5
Temps estimé
Plus d'une semaine
Accessibilité débutants
25/100
Type d'issue
Fonctionnalité
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
css, typescript
Domaine
frontend, mobile-dev

Piste de recherche

Commencez par localiser les implémentations de TabView et TabViewItem ainsi que leur code de style spécifique à chaque plateforme. Comparez l’héritage actuel et le comportement des propriétés natives sur iOS et Android, puis vérifiez comment le tab-text-color existant est exposé. Le travail est terminé lorsque le text-transform hérité se comporte conformément à CSS, que des propriétés distinctes du texte des onglets couvrent la taille de police et le comportement de transformation proposés, et que les divergences entre plateformes sont résolues.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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.

Langage dominant
TypeScript
Étoiles
25.7k
Forks
1.7k
Merge moyen
1 j 5 h
PR mergées (30 j)
35

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de NativeScript/NativeScript

Toutes les issues de NativeScript/NativeScript

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.