Skip to content
This repository has been archived by the owner on Jan 20, 2023. It is now read-only.

Grove VUE styling: Suggestions drop down is behind other elements #34

Open
danielholgate opened this issue Nov 26, 2019 · 1 comment
Open
Assignees

Comments

@danielholgate
Copy link
Collaborator

When using Grove Vue and suggestions are configured, the styling for the drop down is incorrect. Drop down appears behind other elements and looks messy:

See screen shot:
Screen Shot 2019-11-26 at 13 05 40

@danielholgate
Copy link
Collaborator Author

danielholgate commented Nov 26, 2019

Something like this seems to look better in ml-input.vue:

   .suggestions {
    top: 33px;
    position: absolute;
    z-index: 100;
  //  font-size: 1.2em;

    padding-right: 2px;
    padding-left: 2px;

    left: 15px;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    overflow: auto;
  }

After screen shot:
Screen Shot 2019-11-26 at 13 25 39

@danielholgate danielholgate self-assigned this Feb 19, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant