admin, 19/10/2018 12.40:
Per gli smiles:
L'ordine è diverso perché la logica con cui vengono visualizzati è diversa.
Non possiamo usare lo scrolling verticale, ovvero, lo possiamo usare, ma da mobile è scomodo e poco comprensibile. Usando lo scrolling orizzontale è più intuitivo, ma per mantenere gli stessi smiles presenti nella "prima" pagina senza scrollare, occorre cambiare l'ordine di visualizzazione, dall'alto al basso, non più da sinistra a destra.
Questo si può modificare, ma resta da capire qual è la cosa più intuitiva.
Per gli smiles tagliati deriva della stessa modifica.
Puoi fare un test sul tuo forum, aggiungendo questo codice css:
@media screen and (max-width: 600px) {
.cdivaddsmile {
max-height: 1000px !important;
}
.cdivaddsmile ul.list-emoji {
max-height: 1000px !important;
}
} Il risultato dovrebbe essere che gli smiles non sono più tagliati, ma ho visto che sono molto spaziati (per via di quelli con immagini animate più grandi).
Per ovviare il problema si potrebbe effettivamente ordinare gli smiles non in verticale ma in orizzontali, però invia opzionale da pannello... Vediamo.
Admin, ho aggiunto il codice ed è andato come avevi detto: smile non più tagliati, ma spaziature a causa di smile di diverse dimensioni.
In quanto alla disposizione più intuitiva con scroll orizzontale, credo sia quella attuale. Ma se vogliamo risolvere il problema di ordine e spaziature da mobile, ti propongo questo: possibilità, nel pannello, di inserire gli smile in "blocchi" di dimensioni.
Esempio:
Set nuovi smile:
- Blocco A (Smile di dimensioni piccole)
- Blocco B (Smile di dimensioni medie)
- Blocco C (Smile di dimensioni grandi)
Da mobile, preservando lo scroll attuale, gli smile verrebbero mostrati in ordine orizzontale (come nella versione desktop), ma appunto a blocchi. Terminato il primo blocco con dimensioni piccole, spazio verticale e parte il secondo blocco con dimensioni medie e così via. La cosa apparirebbe graficamente così (magari guardalo da mobile che sto usando le emoji):
(BLOCCO A) (BLOCCO B)
••••••••••••••••••• ●●●●●●
••••••••••••••••••• ●●●●●●
••••••••••••••••••• ●●●●●●
••••••••••••••••••• ●●●●●●
La cosa può essere utile anche da desktop, dove lo spazio tra un blocco e l'altro sarebbe orizzontale invece di verticale.