Liste der Beitragsantworten im mobilen Thema

Hallo,
kann ich im mobilen Theme einen Button hinzufügen, um Post-Antworten zu öffnen? Nutzer auf mobilen Geräten übersehen ihre Antworten in großen Themen!

2 „Gefällt mir“

Entschuldigung, ich verstehe nicht. Was bedeutet das? Könntest du bitte einen Screenshot mit Anmerkungen bereitstellen?

Ja, natürlich. Wie Sie auf dem Bild unten sehen können, können Desktop-Nutzer die Antworten auf Beiträge in einem abgetrennten Bereich laden, indem sie diese Taste drücken.

Diese Funktion ist sehr nützlich, besonders bei Themen, bei denen Tausende von Beiträgen gepostet werden. Leider habe ich diese Funktion im mobilen Theme nicht gefunden, und ich vermute, dass sie aufgrund von Platzmangel nicht vorgesehen wurde.

Ist es möglich, eine so praktische Funktion auch für das mobile Theme hinzuzufügen?

2 „Gefällt mir“

Hat jemand dazu Informationen?

Es ist für mich sehr seltsam, dass noch niemand dieses Problem erwähnt hat!
Ich denke, der Grund dafür ist, dass die meisten Forenadministratoren Desktop-Browser verwenden :slight_smile:

Ist jemandem dieses Problem schon einmal begegnet?

Ich glaube, das wurde auf Mobilgeräten entfernt, weil es zu viel Platz auf dem Bildschirm einnimmt.

Wenn wir nur Mobilgeräte nutzen, brauchen wir diese Funktion wirklich bei großen Themen. Viele Benutzer haben uns gesagt, dass sie die erhaltenen Antworten nicht finden konnten. Und wir haben uns immer gefragt, warum?! Bis wir eine Weile Mobilgeräte benutzt und festgestellt haben, dass dieser Schlüssel im mobilen Theme nicht existiert.

Wenn wir Platzprobleme haben, wäre es vielleicht nicht schlecht, es als Modal für den Benutzer zu öffnen … :thinking:

Dieses Problem wurde bisher von vielen unserer Nutzer angesprochen, und viele beschweren sich wirklich darüber.

Dies ist eine Übersetzung einer Nachricht von einem unserer Nutzer:

Angenommen, in einem Thema mit tausenden Antworten haben mehrere Personen mir geantwortet, zum Beispiel zwei Personen.
Wenn ich zur entsprechenden Benachrichtigung gehe, um ihre Antworten zu sehen,
wird mir nur die erste Antwort angezeigt und dorthin gesprungen.
Jetzt muss ich nach der nächsten Antwort suchen!
Das ist nicht in Ordnung!
Stellen Sie Benachrichtigungen für jede Antwort ein oder beheben Sie dies.

Bitte geben Sie mir eine Antwort zu diesem Thema :pray:

Hallo Nildarar,

ich habe das heute erledigt. Erstelle eine neue Komponente im Admin-Bereich und füge diesen Code im CSS-Bereich für Mobile der Komponente hinzu.

Dadurch wird der Antwort-Button auf mobilen Geräten aktiviert. Eventuell sind einige Anpassungen nötig, damit es zu deinem Theme passt, aber wenn du mir deine Website postest, kann ich dir dabei helfen. :slight_smile:

.show-replies {
    display: block;
    margin-bottom: 10px;
    margin-left: -6px;
    font-weight: 600;
}

.show-replies span {
    margin-right: 5px;
}

.embedded-posts .topic-avatar {
    padding-left: 0;
    padding-top: 0;
    width: 45px;
}

.embedded-posts {
   margin-top: 20px;
   padding: 10px;
   background: var(--primary-low, $primary-low);
   border-radius: 4px;
}

.embedded-posts > div:not(:last-of-type) {
   border-bottom: 1px solid var(--primary-medium, $primary-medium);
   margin: 10px 0px 20px 0px;
}

.embedded-posts .topic-body .cooked {
    display: inline-block;
    margin-top: 10px;
}

So sieht es in der mobilen Ansicht aus :arrow_down:

Du kannst es auf dieser Seite mit einem mobilen Gerät testen.

Update: Die neueste Antwort hat keinen Rahmen mehr.

5 „Gefällt mir“

Wow!
Ich kann kaum glauben, dass das schon so lange existiert und wir nur das CSS anpassen mussten. :sweat:
Ich entschuldige mich dafür, dass ich dieses Problem erwähnt habe, und danke dir sehr, dass du uns an diese Lösung erinnert hast.

Vielen, vielen Dank! :pray: :bouquet:

2 „Gefällt mir“

Aufgrund von Platzproblemen auf mobilen Bildschirmen haben wir folgenden Stil angewendet:

.embedded-posts {
    .topic-avatar {
        float: right;
        width: 30px;
        border: 0;
        padding: 0.3rem 0.2rem 0 0;
        margin: 0;
        
        .avatar-flair {
            transform: scale(0.6) translate(-2px, 11px);
        }
        
        img {
            width: 30px;
            height: 30px;
        }
    }

    .topic-body {
        float: none;
        width: auto;
        border-top: 0;
        margin-right: 40px;
    
        .cooked {
            padding: 0 0 0.25em 25px;
            display: inline-block;
            font-size: 90%;
            max-height: calc(1.4rem * 5);
            overflow: hidden;
            text-overflow: ellipsis;
            
            
            & > :not(p) {
                display: none;
            }
            
            & > p {
                margin: 0;
                text-indent: 0;
                display: inline;
                
                img:not(.emoji) {
                    content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAJxSURBVDhPpdXfT1JhGAdwLty6oWHLCR266T9wcSHLkloZaF208qrLropyI1ct17Jw0JJJrM3ZFBBRuyBcy7bcVNxqWa0LG5Am2swbDz+EMIPW7317n7dgqaeFcPHdec97zvM5z/sezpCJooi4uIRktLSQQZaMBpPvovDNxTE0v7n455fZMcFrySBLRrqPXWwJJdEaLjyXghm0hWO4GMzicjDFDbI4SE+jmyyvC8vV0CpGF4aBlRP4mjzHUf//wPaZDG5Or66Zy6Ul+Ali1AKkTjG0kXd6jy39n+CtyHccftSB2uFWOCI/12AUc/g9HDOLWGIodUrLJ0MStL3J4uyLZ5D37GbR4MzzJ7DNZCXQNO+Ulk+1kuCN6RWYQzEonNUQ+vQ8NLbwa+k8RttB9+bOJcFr4RRf6k7vEag8h6D21vMo2XjXwHHcngMvdkR+QD9iR5XfmJ+TBDsigGaoCRW9ujyWy3b3PugemnFnATg9+Rhyp4Z33hjwwj77bSM4svgZR0fdKHdqN2AUoc8AhasaJ8d9UDRXQeg3QPAasJXtsenlFCzTf72UlfgyOl89xZZuDS+UAnOp8OhQeWUvVLYDUA/WYwfb422uPbjO3vr9t8nfYCbxAU1jFijc+yWR9RE8BlReqIH6z8OVnoOs22NslV+QirJvmcDzAVvBoHqAddZZB2Ub2+vBBj4nd9agecKOj4l0ESDlbgOUFh0Ep56fU60p0A6yigMprDuVldWwI9WSURrIIrjYj7+rDoredaBxzIqybi1HN5NyBim6alHWo+UGB1OxJPqnHsA4boVpwlZUqJYMsvhfAA1ILyVkiKKIXzGHc6NOmAkVAAAAAElFTkSuQmCC');
                    display: inline;
                    width: 18px;
                    height: 18px;
                    padding-left: 2px;
                }
            }
        }
    }

    .topic-meta-data {
        position: relative;
        width: auto;
        left: auto;
        top: auto;
        margin: 0 0 3px;
        
        .names {
            padding-left: $topic-body-width-padding;
          
            span {
                flex-basis: auto;
            }
        }
        
        .user-title {
            display:none;
        }
        
        .post-link-arrow a {
            padding: 8px;
            position: absolute;
            left: 0;
            margin: 0;
        }
    }
}

Dadurch werden die Antworten wie Kommentare angezeigt.