Skip to content

MDN Browser Release Date Tooltip by o_o

Screenshot of MDN Browser Release Date Tooltip
Write a review Install Get Stylus

Details

Authoro_o

LicenseMIT

Categorymozilla

Created

Updated

Size891 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Shows a tooltip for when the browser version came out in the browser compatibility table.

Notes

Changelog

  • 1.0.1
    • Removed accidentally included style

Source code

/* ==UserStyle==
@name           MDN Browser Release Date Tooltip
@namespace      dabric.xyz/post/mdn-browser-release-tooltip
@version        1.0.1
@description    Shows a tooltip for when the browser version came out
@author         dabric
@preprocessor   stylus
==/UserStyle== */

@-moz-document domain("developer.mozilla.org") {
  td[aria-expanded="false"].bc-support {
    position: relative;
    
    &:hover .bc-version-label[title]::after {
      content: attr(title);
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: max-content;
      text-align: left;
      bottom: calc(100% + 5px);
      background: var(--background-secondary);
      color: var(--text-primary);
      line-height: 1em;
      padding: 6px 8px;
      border-radius: var(--elem-radius);
      box-shadow: 0px 1px 4px black;
      
    }
  }
}

Reviews

No reviews yet.