Badgeyay: Footer overlaping when Failure message show

[avsingh999]

I'm submitting a ...

• [X] bug report
• [ ] feature request

Current behavior:

when we fill wrong data then failure message show like this

Expected behavior:
footer and failure message should not overlap.

[sagar-kalra]

It is working fine for me

[avsingh999]

@sagar-kalra but not in my browser or laptop

[sagar-kalra]

Which browser are you using?
P.S.: I have tried Firefox and Chrome.

[avsingh999]

@sagar-kalra I have also checked both browser

[onprem]

The problem lies in the screen size if it is a 720p display then due to scaling the error message hides behind the footer.

I can think two ways of resolving this issue:

• The footer is fixed at bottom, if we remove the position: fixed; for #footer in css/style.css then the issue will be solved.
• We can use a empty division with a fixed hieght of 20px (footer's height) before the footer using html code <div style="height: 20px;"></div>.

As I am new to open source I don't know much about contributing, so I am unable to decide what to do next, any help will be appreciated.

[vddesai1871]

I would like to work on this issue.Can someone assign me the issue?

[gabru-md]

@vddesai1998 I do not know if you can be assigned to this issue, since GSoC is currently under way.
@djmgit @ParthS007 please comment

[vddesai1871]

@gabru-md so what should I do if I want to start contributing...? Are there any non GSoC issues?

[gabru-md]

I do not have any idea regarding it. I have tagged a mentor (@djmgit) so that he can clarify the situation.
:sweat_smile:

[vddesai1871]

@gabru-md Thanks!

[djmgit]

@vddesai1998 please have a look at my comment on badgeyay channel in gitter :)
Welcome to badgeyay :)