SNCFdevelopers / bootstrap-sncf

📊📐 Bootstrap SNCF
http://sn.cf/socledesign
MIT License
30 stars 9 forks source link

[navbars] Le titre des onglets disparait #193

Closed ggrimbert closed 5 years ago

ggrimbert commented 5 years ago

Bonjour,

J'ai trouvé un comportement étrange sur le composant navbar "embarqué" (Javascript tabs behavior)

J'arrive à le reproduire avec l'exemple du site :

Un flou se met sur le titre de l'onglet le plus à droite comme dans la capture ci-dessous (width: 580px) image

En agrandissant, le problème disparait (le "flou" se déplace sur la droite); cependant cela empêche de centrer correctement les éléments (width 620px) image

nicolaswurtz commented 5 years ago

Hello !

En fait c'est pas un bug mais une feature ;-)

Si la nav des onglets est plus petite que son contenu, alors un dégradé blanc est superposé sur la partie masquée de façon à indiquer à l'utilisateur qu'une partie du contenu n'est pas visible. Il est possible alors de faire glisser horizontalement la barre d'onglets, au doigt ou au clic, pour faire apparaître le contenu invisible — idéal sur interfaces mobiles.

C'est ainsi que le design de ce composant a été défini pour l'instant, il permet de gérer le cas de figure d'une barre d'onglet qui dépasse la largeur de l'écran (et d'éviter une superposition malheureuse des onglets). CC @jroquillet