Forum

Bonjour,

Je souhaite créer un thème pour un site sous la dernière version de PHPBoost. J'ai copier le thème Base pour commencer. Ensuite, prevoyant d'utiliser Compass, j'ai repris tous les fichiers css du thème sous des noms du style _{nom_du_fichier}.scss, et j'ai tout importer dans un fichier final.min.scss.

Fichier final:


Fichier compilé:


Sauf que là, j'ai un gros soucis de disposition des éléments, sûrement à cause de flexbox, ce sont les vide en haut et en bas, que j'ai entouré de carrés rouges:


Et je ne sais pas comment le corriger..

Cordialement, Navalex.

Édité par Navalex Le 13/06/2017 à 16h57

Bonjour Navalex,

Juste pour préciser avant que les designers n'interviennent : tu utilises la version 5.0 ou 5.1 de PHPBoost car la 5.1 RC devrait sortir dans peu de temps et ce serait dommage de ne pas en profiter ?

Olivier.

+1 Olivier mais connaissant Navalex, je suppose qu'il part d'une 5.1

Coté preprocesseur, je ne serai pas d'une grande aide

ça donne quoi si le contenu de la page est plus important ?

en théorie la flexbox ne devrait pas influer vu qu'elle est implémentée au moins au 2eme niveau (top-header, global)

sinon l'ordre des fichiers css semble correct, l'inspecteur du navigateur donne quoi ?

Il faudrait regarder si les propriétés d'alignement sont bonnes dans le CSS après compass.

Tu n'est pas en ligne j'imagine ?

Bonjour,

Merci pour vos réponses.
Alors déjà non je ne suis pas en 5.1..
Ensuite, je ne manie pas encore les flexbox très bien (et c'est d'ailleurs l'occasion de me lancer ! ) donc je ne saurais pas trop dire si c'est bon pas bon. :/ Et si le contenu est plus haut que la page, l'affichage est normal.
Donc je suis en ligne si vous voulez que j'ouvre mon port pour voir de vous même envoyés moi un MP.

Cordialement, Navalex.

PS: Ca faisait longtemps que je n'avais pas utilisé PHPBoost, je n'ai pas suivi l'avancement des mises à jours

Édité par Navalex Le 13/06/2017 à 19h06

Bonjour,

juste comme ça (et être sûr) c'est bien une V5.0.17 complet qui a été utilisée ?

Cordialement, janus57

Oui c'est bien cette version qui a été utilisée.

Je veux bien un acces pour essayer de voir le code.

Est-ce que tu n'aurais pas modifier la propriété min-height: 100vh; du

min-height: 100vh;

?

Cette propriété permet de faire en sorte que le global fasse au moins la taille de la fenêtre navigateur.

Non de mon côté je n'ai rien modifié, c'est peut être lors de la compilation. Cependant sur le site de démo, j'ai enlevé la propriété min-height, et le contenu allait se mettre en haut de la page.

Tu as un

min-height: 0;

présent dans le

div#global

qui annule le

min-height: 100vh;

du coup.

J'ai l'impression que c'est compass qui te le rajoute vu le contenu initial. Si jamais tu ne trouve pas la raison tu peux faire :

min-height: 100vh !important;

pour forcer l'affichage.

Peut être que compass ne supporte pas l'unité Hv. Du coup c'est ce que j'avais fait, merci pour votre aide.