PreTeXtBook / pretext

PreTeXt: an authoring and publishing system for scholarly documents
https://pretextbook.org
Other
254 stars 203 forks source link

HTML: adjust spacing of icons in footer #2075

Open whaynes opened 7 months ago

whaynes commented 7 months ago

This pull request removes the width attribute on the PreTeXt logo in the page footer.

This width is preventing the footer's flexbox from distributing the PreTeXt, Runestone, and MathJax icons evenly.

davidfarmer commented 7 months ago

I am not seeing how this makes a difference in the footer, nor that it is not evenly spaced already:

https://pretextbook.org/examples/sample-article/html/derivatives.html

whaynes commented 7 months ago

I understand that flexbox's justify-content: space-around is supposed to distribute the items evenly with the left and right gaps half the size of the gaps between the items.

This is what I see with and without the width="100%". Maybe it is only a problem on Safari?  Will

On Sep 23, 2023, at 5:57 PM, David W. Farmer @.***> wrote:

I am not seeing how this makes a difference in the footer, nor that it is not evenly spaced already:

https://pretextbook.org/examples/sample-article/html/derivatives.html

— Reply to this email directly, view it on GitHub https://github.com/PreTeXtBook/pretext/pull/2075#issuecomment-1732417809, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACKSHIFSNUZLVQG6WK65HV3X35LNDANCNFSM6AAAAAA5ENPNQU. You are receiving this because you authored the thread.

whaynes commented 7 months ago

This is what I see with and without the width="100%". footers

This is what I see on my iPhone IMG_7919

rbeezer commented 4 weeks ago

Where are we on this one? Spacing looks fine to me in Firefox and in Chrome, both wide ans mobile-skinny. Maybe we can ask for some Safari-testing on the -dev list to see if that is the real culprit.

I'm hesitant to think that editing the one SVG image directly is the solution here.