Il primo emoji in un titolo non è nello stesso "codice" ed è più grande

Ciao :wave: Sto cercando di sviluppare il mio tema e ho notato che quando scrivi più emoji in un titolo, la prima viene inserita in un tag invece di essere con il resto del testo. Ecco alcuni screenshot (dopo alcune modifiche stilistiche per farle sembrare della stessa dimensione, senza di esse la prima emoji è più grande): (screenshot alla fine, scusate, nuovo account consentito solo per 1 immagine)

Puoi controllare il codice del mio tema qui: GitHub - Decryptu/discourse-decrypt: A modern theme with a dark mode option.

Quindi ho pensato che fosse perché il primo carattere di un titolo viene ingrandito come nei libri, ma non è così come puoi vedere, ho messo un punto prima delle 3 emoji e la prima emoji era ancora diversa, ho provato più stili (rem, px, align) in modo che sia della stessa dimensione delle altre due, ma sull’app mobile è ancora visibile: (schermata alla fine)

Hai un’idea su come risolvere questo problema in modo che la prima emoji di un titolo sia uguale alle altre, sia su mobile che su desktop. :thinking:

Grazie.

Ciao, Decrypt :wave:

È così anche in modalità provvisoria?

Perché sulla mia istanza, ecco il codice HTML del mio titolo:

image

<a href="/t/test-notif/161" class="fancy-title">
  <img width="20" height="20" src="/images/emoji/twitter/star.png?v=12" title="star" alt="star" class="emoji">
  <img width="20" height="20" src="/images/emoji/twitter/star.png?v=12" title="star" alt="star" class="emoji">
  <img width="20" height="20" src="/images/emoji/twitter/star.png?v=12" title="star" alt="star" class="emoji"> Test notif
</a>

Ehi! Ho appena provato e sì, dai un’occhiata:

(Ho selezionato tutte le caselle durante l’attivazione della modalità sicura)

Noto che la tua prima emoji è un’emoji personalizzata che hai aggiunto al tuo sito (ha una classe emoji-custom), mentre le altre sono Unicode.

Non sono sicuro del perché le emoji Unicode non vengano convertite in tag \u003cimg\u003e, anche se lo sono nella mia istanza di test. Ho provato diverse impostazioni, incluse quelle di Apple/Internazionale.

Puoi condividere tutte le tue impostazioni relative alle emoji?

Voglio intervenire anche io, dato che anche sul mio sito c’è qualcosa di strano con le emoji, che potrebbe essere correlato.

Ho scoperto che il campanello del facchino non viene trasformato in un’immagine, ma rimane così com’è? - questo influisce solo sul titolo e sull’elenco del menu. inoltre, il limite di emoji è impostato su 1, quindi il titolo in realtà non dovrebbe avere una seconda emoji.

a parte questo, sarebbe fantastico avere il set standard di emoji nel titolo della categoria - vedi che il cotillon è diverso nel titolo della categoria rispetto alle altre parti.

ohh, sul sito di amministrazione - tutte le impostazioni delle emoji sono predefinite.

Tutte e 3 le emoji sono uguali, (dalla lista ufficiale ios/android) copio e incollo lo stesso carattere all’interno del titolo, e ho anche provato a copiare la terza, cancellare le altre, incollarla 2 volte, e quando salvo il titolo farà ancora questa cosa strana.

Per le impostazioni non so cosa mostrarti? Non ho nessuna emote personalizzata a forma di “stella”, le uniche emote che ho sono loghi di criptovalute.

Ecco, ho copiato il titolo grezzo e lo incollerò qui: ⭐️⭐️⭐️ Une entité scrute la blockchain de Bitcoin?

Qual set di emoji utilizzi?

Sto navigando alla cieca perché non ho idea del perché incontri questo comportamento, ma prova /admin/site_settings/category/all_results?filter=emoji?

No, non dovrebbe… Hai creato il titolo di questo argomento manualmente o in altro modo?

  • nel pannello di amministrazione l’impostazione predefinita è 1 emoji
  • il titolo/post è stato creato manualmente

Quando provo a riprodurre:

:thinking:

Puoi provare a creare un argomento con più di 1 emoji su try.discourse.org?

qui su meta è lo stesso: il facchino non è trasformato

campana e boom sono diversi: immagine e non immagine

L’emoji nel pannello di anteprima proviene dal tuo contenuto, non dal tuo titolo, e verrà convertita come emoji di Discourse una volta che il post sarà stato elaborato e pubblicato. Fino ad allora, è normale che appaia come Unicode, poiché probabilmente l’hai inserita con il selettore emoji del tuo sistema operativo.

sì, ma l’emoji della barra laterale c’è già ed è “sbagliata”
e vedi sopra l’esempio da try.discourse

Puoi descrivere i tuoi passaggi, o meglio, registrare un video su come inserire più di un emoji in un titolo?

@Decrypt, penso che dovresti essere in grado di avere un’immagine per ciascuna delle emoji dei tuoi titoli aumentando il valore dell’impostazione max emojis in title e quindi essere in grado di personalizzarle come desideri con CSS.

1 Mi Piace

1 Mi Piace

Ok grazie, ecco uno screenshot delle impostazioni:

Hai già avuto 10 emoji al massimo nel titolo prima del tuo argomento, o l’hai appena aumentato adesso?

Sì, erano le impostazioni predefinite quando ho creato l’argomento. Non ho toccato nulla nel codice/impostazioni dal mio primo post.

Ho in qualche modo riprodotto questo ma al contrario (Safari, iOS, desktop):

non c’è nessun problema se si utilizza il set di emoji di Discourse.

1 Mi Piace

Come si scrivono queste emoji?

Le scrivo come Unicode o :star: e viene visualizzato image, essendo tutte <img>.