Dopo l’aggiornamento alla versione più recente 20 minuti fa, tutti i banner nelle singole sezioni sono stati relegati in una strana casella e rimpiccioliti a una dimensione impossibile. Se c’era anche del testo, il testo è di dimensioni leggibili accanto ad esso (anche se anche questo è stato ridisegnato). Non ho modificato alcuna impostazione oltre all’aggiornamento
Guardando ora nelle impostazioni, dice che desidera un rapporto d’aspetto 1:1, è sempre stato questo il “consigliato” o è una modifica? Sento che non è quello che diceva, ma non lo so. Sicuramente non era richiesto. Perché tutti i miei corrispondono a quello del sito principale che è decisamente progettato per essere rettangolare. È una modifica piuttosto sbagliata da imporre, ne ho create circa 40 uniche individualmente.
Quindi hai un problema con il componente banner di categoria (quello che usa il colore della categoria, come supporto qui su Meta) o con la descrizione e l’immagine della categoria che vengono mostrate dal core di Discourse quando carichi un’immagine di categoria?
Non ha nulla a che fare con quello che ho fatto, qualcosa è stato modificato nel core con uno degli ultimi aggiornamenti, non sto usando plugin. L’intero design è stato modificato. Non so come spiegarlo meglio e non ho uno screenshot del vecchio stile, ma chiunque abbia visto i due saprà cosa sto chiedendo. L’intero rapporto del logo è stato modificato, il modo in cui appare il testo è diverso, è ora incorniciato in una scatola. Ha completamente distrutto il modo in cui lo avevamo impostato usando le opzioni predefinite
Modifica: Puoi vedere negli screenshot pubblicati nel link sopra UX: Category header restyle by jordanvidrine · Pull Request #34081 · discourse/discourse · GitHub il vecchio stile era a sinistra, tranne per il fatto che un rapporto 1:1 non era richiesto (o richiesto) per il logo e l’intero formato era diverso. Ora ha forzato tutti i loghi in un quadrato rimpicciolito e ha riformattato l’intera cosa rendendo il testo la caratteristica dominante, il che ha distrutto tutti per noi.
Non sarebbe un problema se originariamente avesse detto di usare un rapporto 1:1, non l’ha fatto, quindi abbiamo creato versioni individuali dell’immagine principale del banner (e non del logo quadrato) mantenendo la stessa forma e design, per ogni sezione.
Questo sembra funzionare, dovrò solo giocare con le dimensioni, grazie!
Modifica: Non funziona su mobile perché spinge il testo fuori dalla scatola e allarga la pagina orizzontalmente. Ho risolto questo problema con
@media (max-width: 768px) {
.category-heading {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.3em; /* Aggiunge uno spazio minimo tra logo e testo */
}
.category-heading__logo.category-logo.aspect-image {
height: 140px;
width: auto;
margin-bottom: 0; /* Rimuove spazio extra */
}
.category-heading__title {
font-size: 1.4em;
margin-top: 0; /* Impedisce spazio extra sopra il testo */
}
}
Questo spinge il testo sotto il logo. Se qualcun altro ne ha bisogno…
