framasoft / framanav

Barre de navigation commune aux sites du réseau
Other
4 stars 3 forks source link

Mauvais redimensionnement framanav sur framasoft #6

Closed Astalaseven closed 6 years ago

Astalaseven commented 11 years ago

J'ai constaté un petit souci suite à la mise à jour récente de la présentation du site. La barre framanav ne se redimensionne pas correctement sur framasoft.net (le pingouin se fait la malle et le menu de recherche se fait tout discret), alors qu'elle s'affiche correctement sur framabook.org et framablog.org.

Capture d'écran de framasoft : http://img600.imageshack.us/img600/2042/capturedu20130426001859.png Capture d'écran de framablog : http://img819.imageshack.us/img819/3453/capturedu20130426001927.png

Configuration : Écran 10", 1024x600, 16/9 Ubuntu 13.04, noyau 3.8.0-17-generic, x86

Navigateur utilisé : Firefox 20.0, avec AdBlock et Ghostery Également testé avec Midori, le problème est le même !

Capture du 2013-04-26 00:19:27 Capture du 2013-04-26 00:18:59

freepius commented 11 years ago

Bonjour.

La framanav de ces 2 pages n'utilisent pas les mêmes polices de caractères. Dans la page d'accueil de framasoft.net, les styles CSS du fichier framasoft.css supplantent ceux de bootstrap.css. Les polices du 1er sont donc utilisées, au détriment des polices du 2nd.

Avis aux développeurs, ce bug se règle très facilement. Dans la page d'accueil de framasoft.net (index.php), il suffit d'intervertir les lignes 32 et 33, histoire que le CSS de bootstrap soit chargé après (et donc supplante) le CSS principal (framasoft.css) :

Lignes à intervertir :

32: <link href="<?php echo $home_subdir; ?>css/bootstrap.css" rel="stylesheet">
33: <link href="<?php echo $home_subdir; ?>css/framasoft.css" rel="stylesheet"> 

Attention cependant aux effets de bords. Il se peut que, de cette manière, quelques styles de bootstrap.css écrasent / remplacent ceux de framasoft.css. Dans ce cas, il faudrait réaliser la chose préconisée ici : #1