Forum debian-fr.org

Salut,

J'ai remarqué (et je ne suis pas le seul ) que lorsqu'on poste du code avec des lignes trop longues, il déforme complètement le forum.
Exemple dans ce fil : discussion-hotspot-login-manager-t35909.html
La date du post, le bouton "citer" etc sont complètement barrés à droite, bref, c'est un peu chiant (et encore ce n'est que la partie émergée, hein ricardo ).

J'ai essayé de voir si on ne pouvait pas corriger ça facilement en CSS en limitant le <div> à la largeur de l'écran, mais il s'avère que c'est au dessus de mes forces...
Si un gourou CSS passe par là et arrivait à faire marcher quelque chose du genre "max-width: 100%" ça serait sympa, perso je ne connais pas assez bien le CSS pour y arriver sans complètement casser la mise en forme des <table> autour.


En attendant, pour ceux qui voudraient corriger ça sur leur navigateur personnel, j'ai fait ce petit bout de CSS pour Stylish (extension Firefox/Iceweasel) :


Voici ce que ça donne une fois ce bout de script activé :


Bien entendu, l'idéal serait d'arriver à obtenir le même résultat (avec ou sans max-height, peu importe c'est du détail) mais en limitant la largeur du bloc à celle de son parent et non pas à une valeur arbitraire.

_________________
testing/unstable (amd64) sous KDE4
https://github.com/syam44

merci pour le contrib, j'ai fais en mode "fixe" optimisé pour du 1280x1024

_________________
Laurent « ed » COUSTET

Je ne suis pas un spécialiste des css mais je me débrouille

Je propose juste de remplacer le max-width: 1600px !important;
par width: 95% comme ça c'est compatible avec toute les résolutions !
et les !important ne me semble pas nécessaire si https://www.debian-fr.org/styles/debian ... esheet.css est directement éditer ligne 664


Et tant qu'on y est est-ce une volontée que les liens ne ne se voient pas ? Selon moi mettre le lien en couleur et/ou souligné serais un + (si besoin je regarde comment faire mais je suis certain qu'il y a des gend bien plus qualifié que moi ici )

_________________
Webmasteur de mythtv-fr.org, communauté francophone de MythTV.

Merci à toi, au moins ça limitera les dégâts.

En plus pour ceux qui un écran plus large que 1280 et utilisent Stylish, rien ne nous empêche de forcer le max-width à une valeur plus grande adaptée à notre écran, donc je trouve aussi que c'est un bon compromis.

Edit : du coup le .quotecontent (citations) est affecté lui aussi, alors qu'il fonctionnait très bien avant... Il faudrait déplacer ta modif ligne 656 (bloc .codecontent, .quotecontent) au bloc .codecontent juste en dessous, ligne 668.
Edit2 : ce point est réglé



As-tu seulement testé ta proposition avant (que ce soit avec Stylish, Firebug ou autres trucs du même genre) ? Ça ne fonctionne pas.

_________________
testing/unstable (amd64) sous KDE4
https://github.com/syam44

non cela ne fonctionne pas surement a cause d'une autre propriété float quelque part je pense.

le !important est très important pour forcer une police monospacée dans les quote.

_________________
Laurent « ed » COUSTET

Mmmmh j'ai fait les teste depuis le webinspector d'epiphany-webkit je regarde ça de plus près demain.

PS : la modif que je propose ne devrait toucher que les bloc de code et pas le bloc de quote.
PS2 : pour le !important je ne parlais que de ceux proposé par syam

_________________
Webmasteur de mythtv-fr.org, communauté francophone de MythTV.

Merci Ed
Énormeeeeeeeeeeeee gain de temps pour les modos quand on doit déplacer des messages, il n'y a plus cet ascenseur horizontal qui énerve un max.
Super

_________________
"L'action est plus efficace que la polémique, mais plus rare."
"Pas de Droite, pas de Gauche mais "ailleurs et partout", "Franchouillard" et même pas honte !
Ricardo (1936-...)

et les liens ça donne quoi ?

J'ai mi par défaut underline, et j'ai viré partout ou ça me plait pas

_________________
Laurent « ed » COUSTET

Apparemment, pas de changement pour les liens
Test :
https://www.debian-fr.org/regles-d-usage-du-forum-t28179.html

EDIT :
rien mais ptet que c'est à nous de le gérer ?

_________________
"L'action est plus efficace que la polémique, mais plus rare."
"Pas de Droite, pas de Gauche mais "ailleurs et partout", "Franchouillard" et même pas honte !
Ricardo (1936-...)

Perso ça me va. J'aurais préféré avec un peu de couleur (cf. liens-moins-visibles-sans-le-soulignement-t30324.html#p359780) mais on va pas chipoter, déjà comme ça c'est plus visible.

Par contre je maintiens pour le .quotecontent ça fait bizarre sur les grands écrans :

Dommage, alors qu'il suffit de déplacer le max-width et consorts de quelques lignes, comme indiqué dans mon message précédent...

@Ricardo : fais un Ctrl+F5 pour forcer Firefox à recharger le CSS.

_________________
testing/unstable (amd64) sous KDE4
https://github.com/syam44

En effet, je n'avais pas vidé le cache.
Impec comme ça pour moi.

EDIT :
F5 suffit amplement chez moi : KDE IW
avec Ctrl + Fx, je navigue entre les bureaux.

_________________
"L'action est plus efficace que la polémique, mais plus rare."
"Pas de Droite, pas de Gauche mais "ailleurs et partout", "Franchouillard" et même pas honte !
Ricardo (1936-...)

oups

Fixed

_________________
Laurent « ed » COUSTET

Impecc.

_________________
testing/unstable (amd64) sous KDE4
https://github.com/syam44

Les séparation des sous-forum ne sont plus en rouge.
"forum d'aide" "forum divers"
Perso, ça ne me dérange pas, juste pour info.

_________________
"L'action est plus efficace que la polémique, mais plus rare."
"Pas de Droite, pas de Gauche mais "ailleurs et partout", "Franchouillard" et même pas honte !
Ricardo (1936-...)

Il me semble que c'était comme ça déjà, non ? En fait j'en suis à peu près sûr...


Oh sinon pour répondre au message d'Ed sources-du-forum-disponibles-t35974.html#p362818 (vu que je peux pas poster là-bas), à l'occase je jetterai un coup d'œil voir si je peux pas régler cette histoire de blocs de code de manière générique, adaptée à tous les écrans (à priori ça va être dur sans toucher au HTML, mais vu que les sources sont dispos maintenant... )

_________________
testing/unstable (amd64) sous KDE4
https://github.com/syam44

J'ai donc dû rêver

_________________
"L'action est plus efficace que la polémique, mais plus rare."
"Pas de Droite, pas de Gauche mais "ailleurs et partout", "Franchouillard" et même pas honte !
Ricardo (1936-...)

MMh désolé ... j'aurais mieux fait de me couché hier soir je regardais la mauvaise <div> ... (inutile de ma donner la pioche je sais je m'enfonce).

Bon j'ai trouvé une solution, certe moins élégantes mais ça marche ! (testé avec iceweaseal + epiphany)

la section .codecontent

Notez : le max-width est modifié, j'ai ajouté white-space: pre; pour supprimé les retours à la ligne automatique (pour le code je préfère mais c'est un choix perso)

Et, l'astuce est là : À ajouter tout à la fin de la feuille css

Et le navigateur adapte la largeur de la div en fonction de la largeur du media (c'est à dire le fenêtre du navigateur)

_________________
Webmasteur de mythtv-fr.org, communauté francophone de MythTV.

Ah oui tiens pas con ça.
Juste une question : comment tu as calculé la différence entre la largeur de l'écran (@media) et celle du bloc de code ? Chez moi pour du 1920 de large, je peux faire tenir à l'aise un bloc de 1600px, donc tes largeurs me paraissent bien en deçà de ce qui est faisable. À moins que j'aie loupé un truc ? (je vois que tu sautes de 200 en 200, ça a peut-être un rapport... je pige pas trop comment fonctionne le max-width dans le @media)

PS: moi aussi je préfère le white-space: pre

_________________
testing/unstable (amd64) sous KDE4
https://github.com/syam44

J'ai calculé par tâtonnement Chez moi ça passe à 200px de moins a ce moment là

Un pixel de moin et hop ! un marge de 199px de plus (ce qui fait une grosse marge)

_________________
Webmasteur de mythtv-fr.org, communauté francophone de MythTV.

Sinon on intègre un truc beaucoup plus puissant en jquery ?

_________________
Laurent « ed » COUSTET

Perso je connais pas vraiment JQuery et tous ces trucs là, j'aurai du mal à donner mon avis là dessus.

Si j'avais à toucher quelque chose j'aurais plutôt tendance à dégager les tables et remplacer ça par des div avec negative margins pour gérer correctement la colonne où y'a toutes les infos utilisateurs tout en utilisant au mieux la largeur de l'écran. La seule "grosse" différence avec actuellement serait que la colonne des utilisateurs serait forcément de taille fixe, ce qui je pense ne gêne en rien car la plupart du temps elle est aux alentours de 150px de toutes façons. Du coup tous les sélecteurs CSS genre max-width des enfants fonctionneraient correctement eux aussi (de ce que j'ai expérimenté, c'est les tables qui foutent le bronx, je ne sais pas pourquoi mais les cellules refusent de limiter leur largeur à l'écran).
J'ai regardé vite fait le template je-sais-plus-quoi-body, et la modif nécessaire m'a l'air quand même très localisée. Pour tout avouer, la seule chose qui m'a empêché de le tester pour le moment c'est que j'ai vu aucun schéma DB dans le dépôt git, donc il me faudrait récupérer exactement la même version de phpBB avant de pouvoir commencer, et j'ai pas pris le temps encore.

Bon après l'histoire de remplacer les tables par des div c'est pas forcément la meilleure méthode hein (ou la plus simple), mais je fais ce que je peux avec mes connaissances.

_________________
testing/unstable (amd64) sous KDE4
https://github.com/syam44

Un peu comme la ^^ : http://forum.cabane-libre.org/topic-11-1.html

Sans vouloir faire de pub bien entendu

Remplacer les tables par des div n'est pas une bonne idée dutout !

Pour ce qui est du schéma, c'est celuis de phpBB-SEO...

_________________
Laurent « ed » COUSTET

Juste pour clarifier tout de même : après vérification, ce dont je parlais concerne uniquement les lignes 130 à 298 de viewtopic_body.html (la section "postrow"), pas besoin de toucher à quoi que ce soit d'autre à priori.
Cela dit je te fais confiance là-dessus, je ne connais pas assez la structure du forum pour bien me rendre compte de toutes les implications que ça aurait.

_________________
testing/unstable (amd64) sous KDE4
https://github.com/syam44

Si j'arrive à choper mon partenaire je lui demande de me pisser le code pour, mais effectivement on le vois pas bien sur le lien que je file regarder plutôt sur celui-ci ( farfouiller le code si ça vous chante c'est sous GPL V2 il me semble )

http://forum.cabane-libre.org/topic-1413-1.html

Gros avantages il s'adapte à la taille de l'écran, permet d'un click de sélectionner tous le code et il me semble que l'on avais tester une options pour couper le code et naviguer avec l'ascenseur pour pas trop s'étaler.

mais bon c'est sur du fire soft board alors je sais pas si c'est portable facilement sur du phpbb seo