Ciao Questo componente del tema attiva gli avatar fissi per dispositivi mobili.
Ho riutilizzato la funzionalità principale degli avatar fissi per renderla utilizzabile su dispositivi mobili.
L’intera sezione (avatar dell’argomento + metadati dell’argomento) è fissata in alto. Se l’altezza del post supera lo schermo o se si scorre verso l’alto su post lunghi. Ho rimosso l’avatar fisso per post brevi durante lo scorrimento verso l’alto, quindi si attiverà solo su post lunghi su dispositivi mobili.
Ho disabilitato questa funzionalità nei messaggi personali con una sovrascrittura CSS.
Poiché nella sezione fissa ho impostato un colore di sfondo var(--secondary), ho spostato l’evidenziazione del post dell’argomento da .topic-post a .topic-post .contents, in modo che venga evidenziata solo la sezione sotto l’avatar e i metadati.
In questo post è evidenziata solo la sezione dei contenuti.
Come potrei applicare un’ombra esterna sotto il frame dell’avatar fisso?
(Qualcosa del genere: box-shadow: 0 -10px 30px 8px #CCCCCC;)
Sarebbe bello se ci fosse una funzionalità nel componente tema che permettesse di aggiungere una sottile ombra esterna, dove l’amministratore potesse semplicemente inserire un codice #HEX e la diffusione dell’ombreggiatura o qualcosa di simile. Ma probabilmente non vale lo sforzo da parte tua.
Per ora, quale sarebbe la sovrascrittura CSS corretta per mirare/abilitare un’ombra esterna?
Quando ho provato a mirare a topic-meta-data, l’ombra veniva applicata attorno a quell’intero elemento, non solo al fondo, e l’ombra non includeva nemmeno il topic-avatar.
Inoltre, sto ricevendo un messaggio di errore con questo componente tema (vedi sotto). Questo componente non è più mantenuto?
[Avviso Admin] Il tema ‘Sticky Avatars for Mobile’ contiene codice che necessita di aggiornamento. (id: discourse.widgets-decommissioned) (maggiori informazioni)
Questo componente del tema attiva gli avatar fissi per dispositivi mobili.
|Repository| GitHub - VaperinaDEV/discourse-mobile-sticky-avatars: Sticky Avatars for Mobile |
|Guida all’installazione|Come installare un tema o un componente del tema|
|Nuovo ai temi di Discourse?| Guida per principianti all’uso dei temi di Discourse
