Athlete name tooltip

[Gabriel_Vargas]

Would it be possible to show the athlete’s name as a tooltip when hovering over their profile picture? It would be really helpful in cases like the one in the attached screenshot. Thanks!

[fm4tt0s]

hey @Gabriel_Vargas

Whilst it might be under developers consideration, I came up with a makeshift for your situation. You can use a TamperMonkey script for that:

// ==UserScript==
// @name         Intervals.ICU Athlete Image Tooltip
// @author       Felipe Mattos
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Insert tooltip for the image element containing athlete's name
// @match        https://intervals.icu/*
// @grant        none
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';

    // Helper: Find the closest .v-list-item and look for the name inside it
    function setAthleteImgTooltip() {
        // Select all profile images (adjust selector if your structure differs)
        document.querySelectorAll('img[src*="profile_pics"]').forEach(img => {
            // Try to locate the nearest .v-list-item ancestor
            let container = img.closest('.v-list-item');
            if (container) {
                // Look for the div containing the athlete name, e.g., with font-size 12px (as in your sample)
                let nameDiv = container.querySelector('div[style*="font-size: 12px"]');
                if (nameDiv && nameDiv.textContent.trim()) {
                    img.title = nameDiv.textContent.trim();
                    console.log("Tooltip value:", img.title);
                }
            }
        });
    }

    // Run after DOM is ready, and also periodically in case of SPA changes
    setAthleteImgTooltip();
    setInterval(setAthleteImgTooltip, 2000);
})();

A couple of snags here:

• athlete must have a profile picture set
• if page structure changes somehow, it will surelly break the script

[Gabriel_Vargas]

works like a charm! Thanks a lot @fm4tt0s !!