Hello,

the layout of the margin notes in the documentation of the math 
library is a bit unfortunate on "narrow" screens.
My left hand "documentation" screen is 1200x1920 (portrait), my right 
hand "coding" screen is landscape 1920x1200. The style sheet places
the margin notes vertically inline between the surrounding elements.

For example:

https://docs.racket-lang.org/math/number-theory.html?q=math#%28def._%28%28lib._math%2Fnumber-theory..rkt%29._coprime~3f%29%29

This link places the blue box on top of my browser window, but the
margin note with the Wikipedia link _above_ this point is not visible.

If I take off my glasses, my brain groups the visible margin notes 
with the preceding function instead of the following function, again
due to being shown inside the text body area.

While I have no good idea how to solve the first problem, the latter
one could be fixed by modifying line 336 of manual-style.css to make the
"slightly different handling" applicable to the blockquotes, too.

  /* slightly different handling for margin-note* on narrow screens */
  @media all and (max-width:1340px) {
-     span.refcolumn {
+     blockquote.refcolumn, span.refcolumn {
           float: right;

In general, I'd go for modifying line 336 of manual-style.css to make the
"slightly different handling" applicable to the blockquotes, too.

  /* slightly different handling for margin-note* on narrow screens */
  @media all and (max-width:1340px) {
-     span.refcolumn {
+     blockquote.refcolumn, span.refcolumn {
           float: right;
 
Kind regards,
s.


-- 
You received this message because you are subscribed to the Google Groups 
"Racket Developers" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to racket-dev+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/racket-dev/1844302420.20200826191236%40xss.de.

Reply via email to