Scusa, non ho letto completamente il tuo commento. Stavo pensando al problema dello scorrimento laterale che sto affrontando anch’io.
2 Mi Piace
Non ho fatto nulla di speciale con esso. Qual è il tuo problema?
1 Mi Piace
Quando tocco un elemento nel menu, il menu rimane aperto e la pagina si ricarica. Il menu scompare solo quando ne perdi il focus. Questo comportamento è più evidente su mobile perché lo schermo è piccolo e non riesci a vedere il contenuto della pagina mentre il menu non si chiude automaticamente.
Stai usando l’ultima versione dei sottomenu?
1 Mi Piace
La versione più vecchia dei sottomenu non sembra avere questo problema, ma non è elegante quanto quella nuova. Se vuoi eliminare il bug per cui il menu non si chiude automaticamente dopo aver cliccato su un sottomenu, usa questa vecchia fork su GitHub.
1 Mi Piace
Questo componente è fantastico e, con un po’ di regolazione CSS, sono davvero soddisfatto del risultato. Grazie per averlo creato!
L’unico grosso problema che riscontro è quanto sia difficile inserire un nuovo elemento nei menu una volta configurati.
Ho visto che c’era una pull request per sostituire tutti i singoli campi di testo con un unico campo più grande, cosa che secondo me avrebbe molto più senso.
Un’alternativa sarebbe permettere l’importazione/esportazione della configurazione. (Forse questo richiederebbe interventi sul lato di Discourse e non sul componente del tema? Non ne sono sicuro.) Se potessimo farlo, potremmo apportare le modifiche con un editor di testo e caricarle, il che sarebbe perfetto. Inoltre, renderebbe semplice eseguirne il backup.
(Pensavo che il pulsante Esporta in fondo all’interfaccia di configurazione del componente potesse fare proprio questo, ma sembra che salvi solo il codice sorgente del componente e la configurazione predefinita, non le mie modifiche.)
Detto questo, è ottimo e ci ha permesso di aggiungere molti più link comunemente necessari nella parte superiore del nostro forum, aiutando sia i nostri utenti che noi stessi a trovare le cose rapidamente.
4 Mi Piace
Questo fork di uno sviluppatore della comunità presenta un’unica grande area di testo per aggiungere voci di menu e sottomenu. È una versione vecchia, ma ci ha fornito ciò di cui avevamo bisogno.
3 Mi Piace
Il fork di @Canapin è il risultato di [PAID] Header Submenus UI modification. Anche noi riteniamo che faccia ciò di cui abbiamo bisogno.
Tuttavia, non provare assolutamente a modificare il testo dei sottomenu nella casella. Manteniamo il menu in un file CSV e utilizziamo questa procedura, pubblicata in un argomento dedicato a come fare per lo staff:
- Apri il file CSV in un’app per fogli di calcolo.
- Modifica i dati. In genere puoi semplicemente seguire lo schema.
- Salva il file CSV.
- Apri il file CSV in un editor di testo.
- Copia dall’editor di testo e incolla nella casella degli elementi del sottomenu.
- Carica il file CSV con le tue modifiche in questo argomento in modo che rimanga sincronizzato.
È anche utile notare che puoi utilizzare alcuni tag HTML e spazi nel CSV per fornire una migliore organizzazione e sottomenu di terzo livello, il che aiuta a inserire molte informazioni su un telefono:
5 Mi Piace
Questo (menu a tendina) può essere realizzato con HTML / CSS di base, senza nulla a che fare con Discourse. Puoi premere F12 ed esaminare direttamente come è stato fatto, tramite gli strumenti del browser.
4 Mi Piace
Dopo aver letto un paio di post, pensavo che l’unico modo per aggiungere link specificamente a .d-header fosse tramite un componente simile a questo, che però crea un’intestazione aggiuntiva sopra.
Dopo aver pubblicato qui, mi è venuta l’idea che un componente simile a Custom Header Links potrebbe fare al caso nostro, se modificato come suggerito nel mio post.
3 Mi Piace
Dopo l’aggiornamento all’ultima versione, i sottomenu dell’intestazione “Modalità fissa” (“Forza la visibilità del menu in alto indipendentemente dallo scorrimento - Solo desktop”) non funzionano correttamente. Nella pagina principale viene aggiunta molta spazio bianco e, nelle altre pagine, il sottomenu dell’intestazione copre il menu principale di Discourse. Sono certo che sia correlato a:
ma non vedo che il CSS per questo componente del tema imposti la posizione assoluta su d.header. Avete qualche idea?
3 Mi Piace
Quale browser stai utilizzando? Puoi condividere uno screenshot del problema?
Questo è ciò che vedo sull’ultima versione di Discourse con “Modalità fissa” abilitata quando scorro verso il basso l’elenco dei topic:
1 Mi Piace
Su desktop succede lo stesso sia con Chrome che con Firefox. Su mobile invece va tutto bene.
Pagina principale senza “Modalità fissa” (normale):
Pagina principale con “Modalità fissa” presenta uno spazio bianco in più:
Pagina del topic scorrevole senza “Modalità fissa” (normale):
Pagina del topic scorrevole con “Modalità fissa”. Logo, Titolo del topic e Hamburger sono coperti dal menu:
2 Mi Piace
Hai altri CSS personalizzati? È possibile che ci siano alcuni padding/margin su .docked .d-header o #main-outlet che entrano in conflitto con gli aggiornamenti di Discourse…
4 Mi Piace
È possibile utilizzare voci di menu con URL senza menu a tendina?
2 Mi Piace
Ti suggerirei Custom Header Links (icons) se non hai bisogno di menu a tendina: è meno problematico e sembra più integrato. Non conosco la risposta alla tua domanda specifica, ma immagino di no.
2 Mi Piace
Attualmente sto utilizzando questo plugin, ma poiché non c’è abbastanza spazio nella sezione dell’intestazione, sto pianificando di posizionare i menu a tendina in alto. Tuttavia, devo aggiungere gli URL al menu di primo livello.
Inoltre, non sono riuscito a creare un menu a tendina con “Link personalizzati nell’intestazione”. Sembra che Zoom lo abbia fatto. Ho esaminato il loro menu a tendina tramite la console, ma non sono riuscito a capire come interferiscano con l’HTML di questo componente per aggiungere un menu a tendina a qualsiasi elemento.
2 Mi Piace
Ho una richiesta di funzionalità: dato che il problema dello scorrimento non può essere risolto, che ne dite di aggiungere un’opzione per disattivare il testo su mobile in modo da vedere solo le icone? Non sembra esserci un modo per colpire solo il testo con il CSS, altrimenti lo nasconderei così. Grazie!
3 Mi Piace
Ciao,
quando installo il componente “sottomenu dell’intestazione”, il componente appare ma si sovrappone all’intestazione attuale del forum.
La versione di Discourse che ho è la 2.4.1.
Per favore, se qualcuno può guidarmi su come risolvere il problema.
Grazie.
1 Mi Piace
Hai già provato ad aggiornare il tuo Discourse? È disponibile la versione 2.7.0.beta3.
2 Mi Piace