whatwg / whatwg.org

The WHATWG website and other static resources
https://whatwg.org/
Other
76 stars 50 forks source link

Restore the "new issue" feature #426

Open annevk opened 1 year ago

annevk commented 1 year ago

I think for now the best course of action is to remove the floating "new issue" feature, but this CSS could possibly restore it:

@keyframes new-issue {
  to {
    position:fixed;
    right:5px;
    bottom:5px;
    content:"File an issue";
  }
}

.head a[href$="/issues/new/choose"] {
  animation: new-issue forwards;
  animation-timeline: scroll();
  animation-range: 50vh 50vh;
}

This works quite well in Chromium, and in Gecko and WebKit it has the effect of making it permanently floating, which is a little weird when you're looking at the top of the document.

Also no browser supports the content property taking a string.

(Also, HTML currently uses whatwg.org/newbug, so we'd need to account for that somehow.)