AP version number overlaps search bar

[Michael-Grover]

Describe the bug
In the nav bar, the Accord Project logo and version number overlaps the search bar on narrow screen widths (mobile)

To Reproduce
Steps to reproduce the behavior:

1. Go to docs.accordproject.org on a mobile device, or reduce your window screen width to below 500px

Expected behavior
We expect the search bar to be accessible at all screen widths.

Suggested fix
At screen widths less than 600px, remove the "ACCORD PROJECT" Text from the Accord Project logo so that just the icon is there.

Set the Alt text to "Return to docs.accordproject.org homepage"

Accord-Project-logo-small.svg.zip

Screenshots

[shahsank3t]

Is someone working on this issue? Else I would like to start on it

[Michael-Grover]

@shahsank3t no one is currently working on this issue. Feel free to take it.

Thanks!

[jeromesimeon]

@shahsank3t I think this might be a Docusaurus issue. I would see if this has been fixed in more recent versions before doing anything on the source in this repo. One possibly related issue is facebook/docusaurus#1697

[jeromesimeon]

@shahsank3t I think this might be a Docusaurus issue. I would see if this has been fixed in more recent versions before doing anything on the source in this repo. One possibly related issue is facebook/docusaurus#1697

Maybe I'm wrong, since we're using an image...

[shahsank3t]

@jeromesimeon - Yes, since we are using an image (logo + text) we are running into this issue. Instead if similar to what Docusaurus does, if we using the small logo and the text separately, Docusaurus will take care of hiding the text when screen size gets smaller.

[shahsank3t]

@Michael-Grover @jeromesimeon - Created PR - #158

[jolanglinais]

@Michael-Grover this is closed, correct?