Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Payout dropdown menu is cut off at the bottom #3931

Open
only-dev-time opened this issue Dec 13, 2024 · 3 comments
Open

Payout dropdown menu is cut off at the bottom #3931

only-dev-time opened this issue Dec 13, 2024 · 3 comments

Comments

@only-dev-time
Copy link
Contributor

In smaller browser windows, the lower area of the payout dropdown menu is cut off:

Screenshot 2024-12-13 230046

The menu is fully displayed on wider browser windows:

Screenshot 2024-12-13 230306

@only-dev-time
Copy link
Contributor Author

only-dev-time commented Dec 14, 2024

The reason is that the dropdown menu extends over the div App__content.

overflow: hidden was added with fix #3822

.App__content {
  margin-top: 1rem;
  overflow: hidden;
  margin-bottom: 60px;
  padding-bottom: 30px;
 
  @include MQ(M) {
      margin-bottom: 0;
  }
}

@ety001: is it still necessary?
I think it is no longer necessary, as the VerticalMenu no longer flows over the screen.

@the-gorilla-steem: What do you think? Could overflow be removed at class App__content?

Alternatively, height could also be specified. However, this would probably require a calculation.

@the-gorilla-steem
Copy link
Contributor

@only-dev-time: Upon initial inspection and test, it looks like removing the overflow works as expected.

I can roll it into the next bundle so that it gets tested thoroughly.

@only-dev-time
Copy link
Contributor Author

only-dev-time commented Dec 16, 2024

@the-gorilla-steem Yes, you can include that.
It would be even better if the drop-down menus (Payout and Votings) did not open downwards if there is no space at the bottom. Just like the downvote panel in #3911. But you can put that on your to-do list for the time being ;-)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants