Topic List Tooltips

Customization Theme component

AI-generated summary

awesomerobot introduced a theme component called ‘Topic List Tooltips’, which replicates the functionality of the Discourse Tooltips plugin but via theme customization. This component allows users to preview topic content — either the first post’s excerpt or AI-generated gists (if using the Discourse AI plugin) — by hovering over topic titles in the topic list. A preview is available on Discourse Theme Creator, and the source code is hosted on GitHub. New users can refer to the Beginner’s guide to using Discourse Themes. The component includes two configurable settings: ‘Tooltip content’ (default: excerpts, optional: AI gists) and ‘Hover delay seconds’ (default: 0.25) to prevent tooltips from appearing too readily during navigation or scrolling. A visual example is included in the post, showing the tooltip in action. The component can be installed directly using the provided theme install button.

1

This is a theme component equivalent of the Discourse Tooltips plugin — all the functionality of that plugin is now achievable via theme!
:discourse2: Summary Allows for the previewing of the contents of topics on hover.
:eyeglasses: Preview Preview on Discourse Theme Creator
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-topic-list-tooltips
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Features

When hovering over the title of a topic in the topic list, you will see the excerpt from the first post of a topic. If you use the gist feature in the Discourse AI plugin, you can optionally configure this to show gist content on hover instead.

image
image2192×556 78.2 KB

Settings

Name Description
Tooltip content Defaults to excerpts, can optionally be configured to show AI gists
Hover delay seconds Defaults to 0.25, delays the hover to avoid the tooltips getting in the way when passing links or scrolling
10 Likes
Locked, solved, and new topic adornments are misaligned on longer titles on mobile
Discourse Tooltips