Skip to content

Commit

Permalink
Fixed Bug steemit#3911
Browse files Browse the repository at this point in the history
This issue also applied when trying to downvote a post at the end of a user's feed and in all other scenarios where the downvote button appears towards the bottom of the screen.

Upvote overlay has a "top: -30px" set so this implementation was replicated with a "top" of -270px for the downvote overlay.

270px was chosen as it allows for the contents of the overlay to be visible when at downvoting the first and last post in a feed.

A margin-left of -36px was added so that the close 'X' button is visible on mobile devices. (left did not work due to 'left: 0%' being set in the Dropdown.scss file.
  • Loading branch information
the-gorilla-steem committed May 14, 2024
1 parent 7db634c commit 1a76bcf
Showing 1 changed file with 5 additions and 0 deletions.
5 changes: 5 additions & 0 deletions src/app/components/elements/Voting.scss
Original file line number Diff line number Diff line change
Expand Up @@ -153,6 +153,11 @@
fill: #fff;
}

> .dropdown-comp > .dropdown__content {
top: -270px;
margin-left: -36px;
}

&.Voting__button--downvoted {
a path {
fill: #fff;
Expand Down

0 comments on commit 1a76bcf

Please sign in to comment.