Sottocategorie prima nel Composer category selector

Sviluppatore
1

I nostri utenti selezionano la categoria pertinente nel Topic Composer in base alla sottocategoria, il che significa che devono ricordare la categoria a cui appartiene la sottocategoria che desiderano utilizzare per trovarla.

È possibile modificare il modo in cui le categorie vengono visualizzate nel selettore di categorie in modo che la sottocategoria e la categoria si scambino di posto (con la sottocategoria al primo posto)?

Ad esempio, un utente desidera pubblicare un argomento su Governance. Idealmente, il menu a discesa Categoria mostra “Governance - Admin” (e l’elenco è ordinato per sottocategoria).

image
image1784×598 68.7 KB

E quando selezionato, viene mostrato come “Governance - Admin” nel composer.

image
image1484×244 18.4 KB

Grazie.

2

Una rapida soluzione CSS potrebbe essere la seguente. Inseriscila nel tuo tema o in un CSS di componente.
Inverte la categoria → sottocategoria in sottocategoria → categoria:

// Inverte la posizione da "categoria -> sottocategoria" a "sottocategoria -> categoria"
.select-kit .select-kit-row.category-row .category-status,
#reply-control .category-input .category-chooser .selected-name .name {
    flex-direction: row-reverse;
}

// Nasconde la categoria genitore quando viene selezionata una sottocategoria
#reply-control .category-input .category-chooser .selected-name .name {
    & > .badge-category__wrapper:first-child {
        display: none;
    }

    & > .badge-category__wrapper:last-child {
        display: unset;
    }
}

image
image475×349 8.47 KB

image
image387×147 2.74 KB

2 Mi Piace
3

Sei un mago, grazie mille!

image
image618×154 6.25 KB

C’è un modo per far sì che il compositore dia priorità alla visualizzazione del nome della sottocategoria rispetto alla categoria nel menu a discesa una volta selezionata, o ancora meglio, mostri solo la sottocategoria (facendo apparire solo le categorie ‘trail’ nel menu a discesa)?

4

Dopo qualche tentativo ed errore, penso di fare progressi con:

span.name .badge-wrapper:first-child {
    display: none;
}

Tuttavia, non funziona se l’opzione ha solo una categoria e nessuna sottocategoria (nel qual caso la categoria deve essere visualizzata) - continuerò a sperimentare.

5

Cosa c’è che non va nel suggerimento di Arkshine?

6

@martyn_thomas Ho aggiornato il mio post qui sopra. Sei sulla strada giusta. Manca una regola per ripristinare display quando non c’è una sottocategoria. (fondamentalmente, la soluzione è nascondere sempre il primo elemento e rimuovere il secondo)

7

Niente: ha funzionato perfettamente, non sto cercando di nascondere la categoria dal menu a discesa selezionato, sto fondamentalmente cercando di rendere il mio composer più bello.

2 Mi Piace
8

La prima parte funziona (invertendo Sottocategoria e Categoria), ma la seconda parte no :frowning:

Giocherò nel fine settimana per vedere se riesco a capirlo. Grazie per il tuo aiuto, ti devo una birra di Natale.

1 Mi Piace
9

Non sono sicuro. Come vedi dallo screenshot, funziona dalla mia parte. :thinking:
Inoltre, ecco un video dal mio forum di test:

11

Funziona anche per me (e rende i posti più ordinati e logici, perché siamo interessati a una categoria, non al percorso per arrivarci — la categoria padre non è importante qui)

Grazie a entrambi.

2 Mi Piace
12

L’ho risolto:

In 3.1 è

#reply-control .category-input .category-chooser .selected-name .name {
    & > .badge-wrapper:first-child {
        display: none;
    }

    & > .badge-wrapper:last-child {
        display: unset;
    }
}

Grazie a tutti per il vostro aiuto!

1 Mi Piace
13

Ciao Immaginerei che se non hai troppe categorie senza sottocategorie. Potresti usare una condizione.

Cioè se la categoria non è cat1, Cat2. allora il tuo codice per nascondere la categoria principale dal composer.

Se al contrario cambia in se catX, Cat,Y allora il tuo codice.

In quale punto dobbiamo inserirlo quando creiamo il componente?

14

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.