gwern / gwern.net

Site infrastructure for gwern.net (CSS/JS/HS/images/icons). Custom Hakyll website with unique automatic link archiving, recursive tooltip popup UX, dark mode, and typography (sidenotes+dropcaps+admonitions+inflation-adjuster).

Home Page:https://gwern.net/design

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Inline collapsible blocks look off and are unreadable due to an offset

zaidhaan opened this issue · comments

This issue is about two bugs:

  1. Inline unopened collapsible previews are not visible
  2. Inline opened collapsibles are not readable due to an offset

Here's an affected page: https://gwern.net/death-note-script

Search The settings to get to the collapsible in question.

(Note that the screen width should be wide enough such that it displays inline, as this only occurs for inline collapsibles and not regular ones.)

Here's what it looks like, inline and unopened:) [Bug no. 1]
image

And opened: [Bug no. 2]
image

And upon inspection (take note of the margin-left: calc(-1019px);):
image

When not displayed inline (here, in the Appendix), everything looks fine:
image


Tested on Firefox 123.0 and Chromium 122.0.6261.69 on Arch Linux.

Reproduced in Chromium light mode & Firefox dark-mode.

Should be fixed now. Please flush cache & retry.

Yup, works. Thanks