DebRes in Poipole ha il div delle debolezze non a larghezza 100%

[davla]

Descrizione

Il DebRes nella pagina di Poipole ha un problema di rendering. Per assurdi motivi il div delle debolezze non prende la larghezza al 100%. Con un with : 100% la situazione si risolve, ma non dovrebbe essere necessario.

Screenshot

Pagine affette

• Poipole
• Potenzialmente altro

Risoluzione del problema

Spero che sia il mio browser.

@pokemoncentral/wiki Controllate please che non lo faccia a voi. Se lo fa solo a me sono disposto ad accettare questa forma di discriminazione.

[CiaobyDany]

@davla Da me da mobile in versione desktop è 100%. Non sto ad abilitare la versione mobile perché lì immagino lo sia di default. Domattina controllo il fisso

[Cruifer]

@davla sinceramente questo problema lo vedo anche io. In più aggiungo che non è soltanto relativo al div delle debolezze ma potenzialmente anche agli altri (vedi Litten). Altra cosa che ho notato è che questo problema nasce quando sopra al template c'è un'immagine, ho fatto un test e questo è il risultato:

Questa è una pagina senza alcuna immagine

  Stessa pagina ma con un'immagine

[flavio-a]

Il problema dovrebbe essere che il div.pull-center container ignora la presenza di oggetti in float ai lati (per esempio le immagini, ma anche il PokémonInfo) mentre i div interni no, quindi la loro larghezza viene ridotta per non sovrapporsi a tali elementi. Due immagini che ritengo parecchio esplicative:

Si potrebbe risolvere con un elemento in clear: both appena sopra il debres, anche se non so quanto sia bello da vedere tutto quello spazio bianco in più.

[davla]

Non so perché, ma un overflow: auto risolve il problema. Vedete che non era malaccio l'idea di metterlo ovunque?

EDIT: E invece sì. Però sarebbe bene che Tutti fossero a conoscenza della sua esistenza e lo provassero a casaccio per risolvere problemi.

[mexicat]

clear: both sul div contenitore del box risolve il problema e non dovrebbe avere controindicazioni, se non eventualmente l'aggiunta di un po' di spazio bianco (che è comunque preferibile alla sovrapposizione di div). Potrebbe avere senso aggiungerlo a tutti i template che vengono mostrati centrati? Così ci evitiamo sempre le sovrapposizioni.

[flavio-a]

In realtà io preferisco l'overflow: auto, l'effetto mi sembra più naturale dello spazio bianco (perché con overflow: auto considera come larghezza massima quella escludendo gli elementi di lato e ne occupa quindi l'80%). @davla come dovremmo provarlo? Cioè, in che modo riesco ad aggiungerlo a tutte le pagine ma solo per me?

[davla]

Non lo aggiungi a tutte le pagine, perché fa troppo casino. Faccio una classe scema che aggiunga solo quello (.overflow-auto) e la aggiungi a mano dove serve. Bisognerebbe propagare la conoscenza dell'overflow: auto agli altri, @pokemoncentral/wiki. Io stesso ancora non ho capito bene come funzioni, ma risolve tanti problemi.

Fatto in 6b9b76a.

[Cruifer]

Scusate se riapro l'issue, ma ho notato lo stesso bug in ? (EC) e in p ID (ma probabilmente c'è anche in altri pkmn glitch).

[flavio-a]

A quanto pare non avevo modificato il DebRes su Github (mi sembra strano, ma non trovo il commit in cui l'ho aggiunto), quindi con il recente aggiornamento di Maze l'overflow-auto si è perso. Adesso sistemo.