kolibri-design-system icon indicating copy to clipboard operation
kolibri-design-system copied to clipboard

Narrower padding on KPageContainer might be too small for Perseus exercises with hints showing

Open jonboiser opened this issue 5 years ago • 3 comments

Hints use this "1/4" thing in the margin which is hidden for me with the narrower PageContainer padding

image

jonboiser avatar Aug 05 '20 17:08 jonboiser

this seems like an issue with the Perseus renderer. I would expect the hints section to have a wider left margin to accommodate the "hints in the margin", regardless of what kind of container it's rendered in.

indirectlylit avatar Aug 05 '20 20:08 indirectlylit

The natural left boundary of the the exercise is where the grey line and the "4" is. It seems that perseus might actually just set el.style.left = <width of the hint label> in Javascript, since it's not in any of the CSS.

If we want to fix this in Perseus, we could had a similar inverse hack where we reduce width of the hint area by the same amount so left boundary of the hint label aligns with the left boundary of the whole exercise.

jonboiser avatar Aug 05 '20 21:08 jonboiser

This needs to be replicated to see if this is stale

nucleogenesis avatar Mar 18 '25 16:03 nucleogenesis