[SwapSteem] Fixed Footer Prevents Post Trade Call to Action From Being Clickable

Project Information

• Repository: https://github.com/nirvanaitsolutions/swapsteem
• Project Name: SwapSteem
• Publisher (if applicable): @swapsteem

Expected behavior

The call to action shown at the bottom to submit a trade should be clearable clickable or the page should have enough overflow to allow me to click this option easily.

Actual behavior

The footer shown the bottom of the page prevents the post-trade option from being clickable.

How to reproduce

1. Select Post a Trade located with the navigation bar
2. When on the post a trade form, select the following options: Ad Type: BUY, From: STEEM, Market: Fiat
3. Note that the height of the form changes, now scroll to the bottom of the page and view the post-trade button.

Enviroment

• Browser: Google Chrome (Version 71.0.3578.98 (Official Build) (64-bit))
• Device: MacBook Pro (Retina, 15-inch, Late 2013)
• Operating system: MacOS Mojave Version 10.14.1 (18B75)

Screenshot

The following screenshot shows this issue in more details when I have scrolled to the bottom of the page.

Note the green line at the bottom of the form, this is the post-trade button the page. This could not be scrolled to.

Issue & Resolution

In my personal option the easiest fix for this issue would be to remove the fixed on the footer to it only to display when a user reaches the bottom of the page, the goal here is not for a user to see who made the application, the goal should be to allow them to view and create trades, removing the fixed on the footer would resolve this issue and prevent any overlap.

Details surrounding the class I mean can be seen here:

If you choose to keep the footer the, this could also be resolved quickly by applying height: calc(100vh - 25px) on the main body of the page. This can be seen here:

Note I did not apply this to the box class as I assume this is shared through the side and I assume this is only one the problem areas due to the variable width based on the form size.

With the above said I think the table on the home page could also benefit from an adjustment to the footer.

GitHub Account

A link to my GitHub account can be found here:

The issue was reported here:

https://github.com/nirvanaitsolutions/swapsteem/issues/118

Since this report being added to GitHub, this issue has now been resolved.