← Alle Beispiele

Slack: Nachrichtenleiste nur beim Überfahren zeigen

Blendet die Nachrichten-Aktionsleiste aus und zeigt sie sanft erst beim Überfahren mit dem Cursor.

Code zum Kopieren

/* Keep the message hover toolbar hidden until you point at a message */
.c-message_actions__container {
  opacity: 0 !important;
  transition: opacity 0.12s ease !important;
}
.c-message_kit__hover:hover .c-message_actions__container,
.c-message_kit__background:hover .c-message_actions__container {
  opacity: 1 !important;
}

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.