Une petite proposition d'amélioration pour l'affichage "full render". Actuellement, la hauteur de
, qui contient l'exemple de composant, s'adapte à la hauteur du composant. S'il contient un élément qui déborde, comme un dropdown, celui-ci n'est pas visible. Grâce à flexbox, on peut forcer le container à occuper tout l'espace disponible dans la fenêtre.
Est-il possible d'avoir la même fonctionnalité mais sans le "débordement" de la couleur ?
Par exemple, pour le footer, le background en noir dépasse/s'étire jusqu'au bas et on dirait que le composant ne se comporte pas correctement.
@williambelle Non comme la couleur de fond se trouve sur l'élément qui est agrandi, ce n'est pas possible. Une autre possibilité serait de supprimer la propriété overflow:hidden qui se trouve sur .tlbx-item-preview, ainsi par exemple les dropdowns seraient quand même visibles même s'ils débordent.
mais il faudrait remplacer tlbx-component-dropdown par tlbx-element-dropdown. On pourrait ajouter tlbx-element-select-multiple pour le select multiple qui est aussi caché derrière le code.
mais il faudrait remplacer tlbx-component-dropdown par tlbx-element-dropdown. On pourrait ajouter tlbx-element-select-multiple pour le select multiple qui est aussi caché derrière le code.
Parfait, j'ai modifié ça et ajouté directement la classe pour le breadcrumb avec dropdown.
Une petite proposition d'amélioration pour l'affichage "full render". Actuellement, la hauteur de
Unit Test Results
1 files 1 suites 0s :stopwatch: 268 tests 262 :heavy_check_mark: 0 :zzz: 0 :x: 6 :fire: 268 runs 256 :heavy_check_mark: 0 :zzz: 6 :x: 6 :fire:
For more details on these errors, see this check.
Results for commit c83debbd.
:recycle: This comment has been updated with latest results.
🔎 Download the Backstop report for this pull request (link valid for 90 days):
Est-il possible d'avoir la même fonctionnalité mais sans le "débordement" de la couleur ? Par exemple, pour le footer, le background en noir dépasse/s'étire jusqu'au bas et on dirait que le composant ne se comporte pas correctement.
@williambelle Non comme la couleur de fond se trouve sur l'élément qui est agrandi, ce n'est pas possible. Une autre possibilité serait de supprimer la propriété
overflow:hiddenqui se trouve sur.tlbx-item-preview, ainsi par exemple les dropdowns seraient quand même visibles même s'ils débordent.Je vois maintenant dans le code qu'il y avait une exception pour le dropdown :
https://github.com/epfl-si/elements/blob/83bce322b78bc569183894dc406fca449bfce5f3/reader/reader.scss#L44-L48
mais il faudrait remplacer
tlbx-component-dropdownpartlbx-element-dropdown. On pourrait ajoutertlbx-element-select-multiplepour le select multiple qui est aussi caché derrière le code.Parfait, j'ai modifié ça et ajouté directement la classe pour le breadcrumb avec dropdown.