Closed BobDotCom closed 1 year ago
@pradyunsg any feedback on this and #555?
@pradyunsg please let me know if you plan on merging this and #555. These PRs include features that I use on my own documentation (https://docs.pycord.dev) and I've made a temporary fork to currently apply the changes, but need to know if I should plan on making a permanent fork of furo or if these improvements will be merged here.
Thanks, BobDotCom
Let's do this. :)
Description
This PR increases the size of some icons in order to improve accessibility, particularly for mobile devices. The larger sizes only consume a slightly larger horizontal width, while the vertical width is mainly unchanged due to padding/margin - which is great, because it only takes up previously empty space. I've included some before/after comparison images below.
Rationale
I've found that on mobile the menu icons are harder to tap than they should be, and compared to honestly most other websites the proportions just look and feel unnatural. I've even had difficulty clicking the icons on desktop sometimes. These new sizes make the site feel more modern and easy to use.
### Header - Before - After ### Footer - Before - AfterMobile
### Header (Wide) - Before - After ### Header (Narrow) - Before - After ### Footer - Before - AfterDesktop