Klebende Avatare für Mobilgeräte

      • Beschreiben Sie dieses Thema/diese Komponente in ein oder zwei Sätzen * *

Hallo :wave: 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. :arrow_down_small:

Bei diesem Beitrag wird nur der Inhaltsabschnitt hervorgehoben.

      • Fügen Sie die Vorschau- und Repository-Links hinzu * *

|||
|-|-|-|
| :hammer_and_wrench:|Repository| GitHub - VaperinaDEV/discourse-mobile-sticky-avatars: Sticky Avatars for Mobile |
| :question:|Installationsanleitung|So installieren Sie ein Thema oder eine Theme-Komponente|
| :open_book:|Neu bei Discourse Themes?| Anfängerleitfaden zur Verwendung von Discourse Themes

10 „Gefällt mir“