Top-Arbeiten: Emoji-Fehler

Hallo, Sergey am Apparat :slight_smile:

Es ist ein etwas alter Bug, aber egal:

Als ich auf dem Blenderartists-Forum unterwegs war, bin ich auf einen kleinen Bug gestoßen: Oben auf der Website gibt es einen Bereich, in dem 6 vorgestellte Top-Arbeiten angezeigt werden. Wenn man mit der Maus über eine davon fährt, wird der Titel sichtbar. Mir ist aufgefallen, dass, wenn der Titel ein Emoji enthält (wie im Screenshot unten gezeigt), dieser immer noch sichtbar ist, auch wenn man noch nicht mit der Maus darüber gefahren ist.


Ich habe selbst ein wenig recherchiert und bin zu den folgenden CSS-Regeln gekommen, die bei der Lösung dieses Problems helfen könnten.

Die Sache ist, dass der Titel dieser Featured-Row-Bilder die folgenden Regeln hat:

.featured-topic h3 a {
    font-size: 14px;
    color: transparent;
    transition: color .6s,text-shadow .6s
}

Ich glaube nicht, dass „color: transparent“ der richtige Weg ist, dies zu tun. Deshalb wirkt es sich nur auf den Text aus, aber nicht auf das Emoji selbst. Denn das Emoji ist in einem „img“-Tag verpackt.

Ich denke, es wäre besser, „color: transparent“ zu entfernen und etwas wie folgt zu machen:

.featured-topic h3 {
    position: absolute;
    top: 0;
    padding-top: 0;
    left: 5%;
    width: 90%;
    text-align: left;
    visibility: hidden;
}

.featured-topic:hover h3 {
    visibility: visible;
}

Der endgültige Code würde dann so aussehen:

Ich hoffe, das hilft :slight_smile:

Hallo Sergey!

Danke für den Bericht, aber ich könnte mich irren, aber so sieht das Standard-CSS nicht aus in der Homepage Feature Komponente :thinking:. Soweit ich das beurteilen kann, sind das deine Anpassungen. :smile:

4 „Gefällt mir“

Hallo, @Arkshine!

Entschuldigung, davon wusste ich nichts, ich dachte, das wäre die Discourse-Funktion. Verzeihen Sie mir :slight_smile:

1 „Gefällt mir“

Bitte informieren Sie Ihre Administratoren, danke!

Schließe diese Anfrage.

1 „Gefällt mir“

Dieses Thema wurde nach 13 Stunden automatisch geschlossen. Neue Antworten sind nicht mehr möglich.