diff --git a/whitepaper/inject-whitepaper-css.py b/whitepaper/inject-whitepaper-css.py index 44c47ee..8ff3b5b 100644 --- a/whitepaper/inject-whitepaper-css.py +++ b/whitepaper/inject-whitepaper-css.py @@ -38,16 +38,21 @@ main > h1, main > h2, section > h2 {{ h1.title .period {{ color: #227842; }} -/* docutils's responsive.css blanket-pads every `body > *`, which - explodes the uncloseai floating button to nearly half the viewport. - Revert the cascade inside that button so its own stylesheet wins. */ +/* docutils's responsive.css applies a blanket rule to every `body > *` + that sets `background-color: white; line-height: 1.6; padding: 0.5rem + calc(29% - 7.2rem); margin: auto; max-width: 100rem`. The uncloseai + floating button gets appended to and inherits those rules — + exploding it to nearly half the viewport and painting its background + white (which hides the black pill). Override just the damaged + properties so uncloseai's own stylesheet still supplies position, + width, height, background, border, and color. */ body > button#floating-ai-button, body > .uncloseai-floating-button {{ - all: revert; padding: 0 !important; margin: 0 !important; - max-width: none !important; - background-color: transparent !important; + max-width: calc(100vw - 20px) !important; + background-color: unset !important; + line-height: normal !important; }} /* Click-to-zoom lightbox for diagrams. */ main img, section img {{ diff --git a/whitepaper/lumbda-whitepaper.html b/whitepaper/lumbda-whitepaper.html index 9e5be86..383200d 100644 --- a/whitepaper/lumbda-whitepaper.html +++ b/whitepaper/lumbda-whitepaper.html @@ -825,16 +825,21 @@ main > h1, main > h2, section > h2 { h1.title .period { color: #227842; } -/* docutils's responsive.css blanket-pads every `body > *`, which - explodes the uncloseai floating button to nearly half the viewport. - Revert the cascade inside that button so its own stylesheet wins. */ +/* docutils's responsive.css applies a blanket rule to every `body > *` + that sets `background-color: white; line-height: 1.6; padding: 0.5rem + calc(29% - 7.2rem); margin: auto; max-width: 100rem`. The uncloseai + floating button gets appended to and inherits those rules — + exploding it to nearly half the viewport and painting its background + white (which hides the black pill). Override just the damaged + properties so uncloseai's own stylesheet still supplies position, + width, height, background, border, and color. */ body > button#floating-ai-button, body > .uncloseai-floating-button { - all: revert; padding: 0 !important; margin: 0 !important; - max-width: none !important; - background-color: transparent !important; + max-width: calc(100vw - 20px) !important; + background-color: unset !important; + line-height: normal !important; } /* Click-to-zoom lightbox for diagrams. */ main img, section img {