Il menu a discesa delle categorie non viene troncato... per nomi di categorie più lunghi

Il selettore a discesa della categoria non va a capo / non tronca (…) con nomi di categoria più lunghi.

3 Mi Piace

Senza apportare modifiche alla larghezza per mantenere lo stesso aspetto visivo, l’aggiunta di un’ellissi potrebbe essere una soluzione qui:

.name > .badge-wrapper .badge-category {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

image

2 Mi Piace

Grazie, stavo pensando di usare il CSS ma non ci avevo ancora provato. Mi hai fatto risparmiare un po’ di tempo cercando di capirlo! :slight_smile: Bel lavoro :clap:

2 Mi Piace

@Lilly succede anche in modalità provvisoria? Guardando una categoria più lunga qui su meta sembra che venga visualizzata come previsto!

2 Mi Piace

Posso confermare che sta succedendo in modalità provvisoria

@isaac - ho aggiunto uno screenshot

1 Mi Piace

Non ho controllato, ma c’è già del codice CSS, colpa mia.

Tuttavia, sembra che selezioni il nome della categoria con un pallino, e non c’è nessun pallino su Lilly’s Discourse.

Su meta:

Lilly:

Ho rimosso i miei punti elenco negli inviti del badge. ma il tuo codice ha funzionato bene.

So che c’è un’impostazione per i punti elenco delle categorie, ma mi piace avere un controllo granulare su dove appaiono i punti elenco in temi diversi.

Penso che questa sia la causa del tuo problema, o almeno che abbia effetti negativi. Sull’ultima versione di Discourse:


Le opzioni del menu a discesa si sono troncate prima?

@isaac ho rimosso il mio codice di wrapping del badge e anche il codice delle ellissi che @Arkshine ha fornito e ora lo sto eseguendo in modalità provvisoria con admin-settings- category style impostato su none (nessun badge) e ottengo ancora lo stesso problema dello screenshot della modalità provvisoria sopra. i componenti non dovrebbero fare la differenza in modalità provvisoria.

1 Mi Piace

Grazie @Lilly, sì, riesco a replicare il problema ora! Grazie!

2 Mi Piace

Per quanto mi riguarda, ho pubblicato questo in UX invece che in bug perché chiaramente non è un problema funzionale o critico, e influisce solo sull’aspetto dell’interfaccia utente nel caso di nomi di categorie molto lunghi (e come abbiamo da allora scoperto, nessun punto elenco di riepilogo del badge).

Questo è stato corretto qui:

2 Mi Piace

@awesomerobot è fantastico :star_struck: grazie!

2 Mi Piace

Questo argomento è stato chiuso automaticamente dopo 15 ore. Non sono più consentite nuove risposte.