Immagine del logo della categoria sovrapposta dal testo dopo il recente aggiornamento

Dopo un recente aggiornamento (qualche settimana fa), tutte le immagini delle categorie sono ora sovrapposte a del testo. Il sito utilizza la versione 2.9.0 beta 10 e il tema vanilla, senza plugin.

Questo accade su tutti i dispositivi, esempio qui sotto:

A volte la sovrapposizione include il titolo di una o due discussioni. Non posso fornire un link al sito qui poiché è visibile solo ai membri iscritti.

Ci sono state alcune segnalazioni di questo problema di recente e penso che sia dovuto alla nuova funzionalità del logo della categoria scuro/chiaro. Ci sono state un paio di soluzioni suggerite in questo argomento:

1 Mi Piace

Ciao,

Ci sono stati alcuni aggiornamenti in questa sezione in questi giorni. FIX: set width on category logo img, not container (#18676) · discourse/discourse@ab217d8 · GitHub e FIX: set max-width on category logo img (#18703) · discourse/discourse@c937b6d · GitHub

Puoi provare ad aggiornare il tuo sito? Probabilmente dovrebbe risolvere questo problema. :slightly_smiling_face:

1 Mi Piace

Ho aggiornato all’ultima versione beta 10 di 2.9.0. Dovrebbe aver risolto questo problema? Ho aggiornato dall’interfaccia utente.

Questo corregge le immagini della categoria orizzontale che abbiamo, ma non quelle verticali. Quelle verticali sono dimensionate 638 x 1024, che non sembra molto al giorno d’oggi :frowning_face:

1 Mi Piace

Mi dispiace, forse ho capito male

Questi aggiornamenti sono arrivati 1-2 giorni fa. Quindi la tua versione di Discourse probabilmente non li contiene se hai aggiornato qualche settimana fa.


Puoi condividere l’URL del tuo sito per verificarlo se è pubblico? :slightly_smiling_face:

Il problema si è verificato di recente ma il sito è aggiornato. Non è pubblico.

1 Mi Piace

Puoi anche copiare e incollare il numero esatto della tua versione dalla tua dashboard se non puoi condividere un link. :+1:

2 Mi Piace
2 Mi Piace

Sembra che tu abbia quelle correzioni. C’è forse un caso in cui la larghezza è stata considerata ma non l’altezza. :thinking: È il fine settimana per la maggior parte del Team, ma vedo @Don scrivere, quindi spero che possa creare magicamente una soluzione della community nel frattempo. :crossed_fingers: :slight_smile:

1 Mi Piace

Puoi provare in modalità provvisoria? Sfortunatamente non riesco a riprodurlo sul mio sito di test. Il mio miglior consiglio, senza vederlo lì, è che un codice personalizzato da un componente lo stia causando.

1 Mi Piace

Nessuna modifica con la modalità provvisoria. Il sito è “vanilla”, ad eccezione di un paio di plugin di accesso social.

@Amicable Non riesco a riprodurlo neanche io. Ho fatto uno screenshot della tua immagine e l’ho caricata in una categoria locale, e il layout è a posto:

Quali sono le dimensioni della tua immagine originale?

Vedo che la tua immagine pubblicata era 638x1024, quella che ho usato è 770x1144, quindi molto simile.

Forse prova un’altra ricostruzione? Se non funziona, puoi condividere l’elenco completo dei plugin che stai utilizzando? È possibile che uno di quei plugin stia sovrascrivendo il modello di categoria, e ciò potrebbe entrare in conflitto con gli stili aggiornati nel core.

Forse è legato all’aggiornamento tramite l’interfaccia web. Mi è già successo in passato con problemi CSS. Forse i vecchi fogli di stile stanno persistendo di nuovo?

L’unico plugin che ho in esecuzione è il gestore di Docker.

Sono di nuovo fuori e non posso eseguire l’aggiornamento sul server finché non torno più tardi questa settimana. Un aggiornamento dell’interfaccia utente web oggi non risolve il problema.

Forse vale la pena ribadire che la correzione CSS per le immagini delle categorie del paesaggio è stata applicata e funziona.

1 Mi Piace

Ho aggiunto una riga nella correzione del componente CSS per gestire le immagini delle categorie in formato verticale. Pertanto, il componente CSS dell’immagine della categoria ora appare così:

@supports (--custom: property) {
  body .category-logo.aspect-image {
    max-width: 150px;
    max-height: 300px;
  }
}

Questo risolve temporaneamente il mio problema, anche se ciò che rimane è il problema più ampio dei fogli di stile che persistono durante l’aggiornamento tramite l’interfaccia utente web.

@pmusaraj se mi dici quale parte del CSS ispezionare per verificare questo comportamento anomalo, ti farò sapere. Posso anche offrire un accesso tramite DM, che hai già avuto in passato.

Un rapido aggiornamento per chiudere questo problema. Ho rimosso di recente la correzione del componente CSS e il problema non c’è più. Non so esattamente quale push lo abbia risolto, ma si tratterebbe di un aggiornamento dal team di Discourse tra ottobre e ora.

1 Mi Piace

Grazie per l’aggiornamento. :+1: È un peccato che non siamo riusciti a trovare la causa principale, ma sono contento che sia risolto. :slight_smile:

Questo argomento è stato chiuso automaticamente dopo 2 giorni. Non sono più consentite nuove risposte.