Nascondi Tag e Badge dall'Hamburger solo per gli ospiti

Supporto
1

Vorrei che l’interfaccia utente disconnessa fosse il più semplice possibile, quindi mi stavo chiedendo se potessi nascondere tag e badge dal menu hamburger solo per gli ospiti.

So che questo può essere fatto facilmente con CSS da questo post -

Ma come posso verificare la condizione che l’utente sia un ospite e quindi nascondere le voci del menu? Probabilmente ho bisogno di chiamare una funzione per verificarlo (proprio come WordPress) ma non ho idea di come funzionerebbe in Discourse. Qualcuno può per favore aiutarmi?

2

Gli utenti anonimi hanno una classe anon che puoi selezionare, quindi potresti usare qualcosa come:

.anon {
.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.categories-link { 
    display: none
   }
  }
}

(Ho appena aggiunto la classe anon all’esempio dall’altro argomento. Dovresti modificarla per nascondere le cose specifiche che desideri)

3 Mi Piace
3

Questo ha funzionato a meraviglia. Grazie! L’unica cosa che resta da nascondere è il link dei tag, ma non sembra avere una sua classe. Come posso individuarlo? Con la classe widget-link nasconde i link About, FAQ e Mobile View.

442×140 9.21 KB

1 Mi Piace
4

Questo sembra promettente:

1 Mi Piace
5

[quote=“Rimozione di "Tag" dal menu hamburger con CSS, post:2, topic:160196”]
.menu-panel li a.widget-link[href=“/tags”] { display: none; }
[/quote]

Perfetto. Questo è il codice finale che ha funzionato. Ho anche nascosto la barra separatrice. Grazie Jammy!

/*nasconde il link tag e badge dal menu hamburger per gli ospiti */
.anon {
.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.widget-link[href="/tags"],
  .menu-container-general-links
    {
    display: none
   }
  }
}
3 Mi Piace
6

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