Come nascondere un pulsante (icona SVG) se l'utente è loggato?

Sviluppatore
1

Ciao. Come posso nascondere un pulsante (in realtà è un’icona SVG che rimanda a qualcosa), ma solo quando qualcuno è collegato a un account?

1 Mi Piace
2

Potresti usare la classe .anon e fare in questo modo:

2 Mi Piace
3

Hai una classe anon associata al tag <html>.

Quindi puoi usarla così:

html:not(.anon) .your_svg_selector {
   display: none;
}
2 Mi Piace
4

@omarfilip @Arkshine E questo farà sì che questa icona venga nascosta solo agli utenti con accesso effettuato? Inoltre, dov’è esattamente quella classe anonima? Non riesco a trovarla.

5

Sì.

image
image1219×208 15.8 KB

6

Ah, scusa: volevi il contrario, quindi: not(.anon)

3 Mi Piace
7

Ahah, l’ho letto completamente al contrario anch’io, colpa mia!

8

Oh, quindi deve essere aggiunto manualmente in qualche modo? Il mio ha solo:
class="desktop-view not-mobile-device text-size-normal no-touch discourse-no-touch"

9

Non c’è nulla da aggiungere. Discourse applica automaticamente una classe “anon” se non si è effettuato l’accesso. Quindi è possibile avere un CSS che dica: “Se la classe anon non è presente…”.

1 Mi Piace
10

Questa è tutta la roba che si collega all’icona che voglio nascondere. Quale parte qui è il “selettore”? :open_mouth:

cccc
cccc883×190 10 KB

11

Sì, dovrai personalizzare il CSS del tuo sito:

2 Mi Piace
12

@45thj5ej .header-icon-login .d-icon-user dovrebbe andare bene.

1 Mi Piace
13

Ok, fantastico, e lo inserisco nel mio codice CSS?

HTML:not(.anon) .header-icon-login .d-icon-user {
   display: none;
}
1 Mi Piace
14 
html:not(.anon) .header-icon-login .d-icon-user {
   display: none;
}

Puoi inserirlo nel tuo tema CSS (se disponibile) o, meglio ancora, in un componente CSS del tema collegato al tuo tema.

1 Mi Piace
15

Ah, dann. Es hat funktioniert, aber wenn es ausgeblendet wird, wird das Symbol links davon nicht verschoben, sodass eine seltsame Lücke entsteht. Gibt es eine Möglichkeit, dies ohne Lücke zu tun, ohne jedoch die Reihenfolge der Symbole zu ändern?
yyyy

1 Mi Piace
16

Prova questo, per includere il <li>.

html:not(.anon) .header-icon-login  {
   display: none;
}
4 Mi Piace
17

Amico, grazie mille. :pray:

2 Mi Piace
18

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