[help] fix the help widget extending over the height of a page

[shonibare]

issue #9087

This PR fixes the help widget height extending over a page

[ridz1208]

@shonibare can you provide screenshots of the before and after ?

[shonibare]

@ridz1208

Before

After

[ridz1208]

@shonibare I still see it extending in width past the size of the page as described in the issue
it should not overflow horizontally either

[shonibare]

@shonibare I still see it extending in width past the size of the page as described in the issue it should not overflow horizontally either

Fixed @ridz1208

[skarya22]

I can't seem to recreate the original issue with the horizontal space. Due to the horizontal fix, my help box seems to be 30px away from the right side of the screen now - is there a way to only add the 30px IF it is extending the page?

The vertical fix is working well though

[ridz1208]

@skarya22 change your first name last name to very short values (i.e. Rida test instead of Admin account) and you will get the horizontal issue

[skarya22]

Suggested change

	position: absolute;
	position: fixed;
	right: 0;

I think this would be a better solution as it works irrelevant of how long the name is.

[shonibare]

Yes, it still works on my screen, updated the changes. I hope the help widget is positioned same place on your screen compared to your previous screenshot? @skarya22

[skarya22]

With the changes I could see it aligned with the right side of the screen no matter the name length! Thank you for updating with the changes requested

[skarya22]

LGTM!