ulaval / modul

Library of VueJS components.
Apache License 2.0
10 stars 3 forks source link

Feature/new component: auto-horizontal-scroll #360

Closed raphpare closed 4 years ago

raphpare commented 4 years ago

Description

Création d'un nouveau composant qui sera utilisé dans le m-navbar et le nouveau composant de tableau. En ajoutant du contenu dans la slot par défaut de ce composant, il est possible défiler horizontalement dans le contenu si la largeur de ce dernier est supérieur à la largeur disponible à l'écran.

TROUVER UN NOM POUR CE COMPOSANT - Le nom du composant est actuelement m-auto-horizontal-scroll (je suis ouvert à d'autres suggestions)

Pour bien comprendre les fonctionnalités du composant consulter le fichier api et les stories du composant:

Voici un petit résumé des props du composant: Prop Description
minWidth: string Largeur minimal du composant dens laquelle le défilement horizontal sera possible.
currentScrollLeft: string Position courante de la barre de défilement horizontal. Permet de se déplacer de droite à gauche en modifiant la valeur de cette propriété lorsque le défilement horizontal est possible.
dragActive: boolean Le contenu du composant glisse de gauche à droite en suivant la position de la souris lorsque l'événement mousedown est appelé et que le défilement est possible.
gradientSkin: MAutoHorizontalScrollGradientSkin Apparence visuelle des dégradés positionnés à droite et à gauche du composant lorsque le défilement horizontal est possible.
previousButtonActive: boolean Affiche automatiquement le bouton précédent à gauche du composant lorsque le défilement horizontal vers la gauche est possible.
nextButtonActive: boolean Affiche automatiquement le bouton suivant à droite du composant lorsque le défilement horizontal vers la droite est possible.
displayHorizontalScrollbar: boolean Affiche la barre de défilement horizontal au bas du composant lorsque le défilement est possible. Cette barre de défilement permet d'indiquer aux usagers la quantité d'information contenu dans le composant.

Types de changements

Comment cela peut-il être testé?

Inclure cette section dans les release notes

Liens internes

chuckmah commented 4 years ago

Super pour les changements et l'ajout dans website

jai remarquer cette coquille dans le menu de gauche avec le composant, tu peux regarder ca ? image

raphpare commented 4 years ago

jai remarquer cette coquille dans le menu de gauche avec le composant, tu peux regarder ca ?

C'est corrigé