[Docs] Enhance dropdown menu that specifies docs version

[coder12git]

Current State

At present, there is an issue where the primary version button and its associated dropdown menu appear to be conflicting with each other, as depicted in the provided screenshot

Desired State

Add adequate spacing between primary version button and its associated dropdown menu -

Consider this as a reference -

---

Contributor Guides and Handbook

• 📚 Instructions for contributing to documentation
  • Meshery documentation site and source
• 🛠 Meshery Build & Release Strategy
• 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[aman44444]

@coder12git can i work on this issue ?

[coder12git]

Go ahead @aman44444 🚀

[leecalcote]

Cool!

[aman44444]

@coder12git I am unable to find the code file. Could you please provide me with a link to the file?

[coder12git]

@coder12git I am unable to find the code file. Could you please provide me with a link to the file?

@aman44444 I apologize for the late response , check this file - https://github.com/meshery/meshery/blob/master/docs/_sass/navbar.scss

[coder12git]

@aman44444 i am hoping that you will create a PR soon as it's just one line of css :)

[aman44444]

@coder12git sorry for the late response ,I've already attempted to modify that file, but it seems that the "select" class only applies to dropdown button not to dropdown options that is why i asked for file location.

[coder12git]

@coder12git sorry for the late response ,I've already attempted to modify that file, but it seems that the "select" class only applies to dropdown button not to dropdown options that is why i asked for file location.

Yes, you are right, do one thing put that select inside a div and then style that div using "padding-bottom", i try that it works

[aman44444]

@coder12git ok, i will try tomorrow

[coder12git]

@coder12git ok, i will try tomorrow

@aman44444 just updated my reply which i said earlier, please check that

[coder12git]

@coder12git sorry for the late response ,I've already attempted to modify that file, but it seems that the "select" class only applies to dropdown button not to dropdown options that is why i asked for file location.

Yes, you are right, do one thing put that select inside a div and then style that div using "padding-bottom", i try that it works

Something like this -

<div style="padding-bottom: 5px">
<select>
</select>
</div>

[aman44444]

@coder12git we can't wrap select we have to wrap dropdown options , if your code is working make a PR

[Emmanuel-Sasere]

Is it still available? @coder12git

[coder12git]

Yes @Emmanuel-Sasere , assigning you 🚀

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[sandramsc]

This issue has been open for some time with no recent activity, unassigning to open it up for new contributors to give it a go.

[MonalikaPatnaik]

Hi @coder12git can I take up this issue?

[Shreyask24]

Can I work on this?

[11happy]

Hello @sandramsc, @coder12git I am interested to work on this issue. Can you please assign this to me.

[11happy]

Hello , should I create a new custom dropdown? as we cant wrap the select.