-
-
- Beschreiben Sie dieses Thema/diese Komponente in ein oder zwei Sätzen * *
-
Hallo
Diese Theme-Komponente aktiviert Sticky-Avatare für Mobilgeräte.
-
-
- Fügen Sie Screenshots hinzu (falls zutreffend) * *
-
-
-
- Fügen Sie weitere Details hinzu und erklären Sie die Einstellungen (falls zutreffend) * *
-
Ich habe die Kernfunktion für Sticky-Avatare wiederverwendet, um sie auf Mobilgeräten nutzbar zu machen.
Der gesamte Abschnitt (Avatar des Themas + Metadaten des Themas) ist oben angeheftet. Wenn die Höhe des Beitrags außerhalb des Bildschirms lang ist oder wenn beim Scrollen nach oben bei langen Beiträgen. Ich habe den Sticky-Avatar für kurze Beiträge beim Scrollen nach oben entfernt, sodass er nur bei langen Beiträgen auf Mobilgeräten aktiviert wird.
Ich habe diese Funktion mit einer CSS-Überschreibung für persönliche Nachrichten deaktiviert.
Da ich im Sticky-Abschnitt eine Hintergrundfarbe var(--secondary) festgelegt habe, habe ich die Hervorhebung des Thema-Beitrags von .topic-post nach .topic-post .contents verschoben, sodass nur der Abschnitt unter dem Avatar und den Metadaten hervorgehoben wird. ![]()
Bei diesem Beitrag wird nur der Inhaltsabschnitt hervorgehoben.
-
-
- Fügen Sie die Vorschau- und Repository-Links hinzu * *
-
|||
|-|-|-|
|
|Repository| GitHub - VaperinaDEV/discourse-mobile-sticky-avatars: Sticky Avatars for Mobile |
|
|Installationsanleitung|So installieren Sie ein Thema oder eine Theme-Komponente|
|
|Neu bei Discourse Themes?| Anfängerleitfaden zur Verwendung von Discourse Themes
