luca0N/lanbassador

Fork 0

Add help button on web app #51

Merged

luca0N merged 3 commits from dev_client_help_link into dev

2026-02-14 23:34:15 +00:00

luca0N commented

2026-02-12 22:41:26 +00:00

Owner

~~Test against right-to-left layouts~~

- ~Test against right-to-left layouts~

luca0N added the

Kind/Enhancement

Priority

Low

labels

2026-02-12 22:41:26 +00:00

luca0N self-assigned this

2026-02-12 22:41:26 +00:00

luca0N added 1 commit

2026-02-12 22:41:27 +00:00

Add help button on web app 71ca69d085

Add a floating help button that directs end users to the project wiki.
These changes must be tested against right-to-left layouts in the future
to avoid potential issues.

luca0N referenced this pull request

2026-02-12 22:41:32 +00:00

Replace link to source code in the web app to the documentation #47

luca0N commented

2026-02-12 22:42:56 +00:00

Author

Owner

I am still evaluating whether the position of the button (currently to the far end of the screen, ignoring the max-width property of the main container) looks good.

I am still evaluating whether the position of the button (currently to the far end of the screen, ignoring the [`max-width` property of the main container](https://git.luca0n.com/luca0N/lanbassador/src/commit/71ca69d085262bf7a0a7297ce5a954a6801e0dee/client/src/styles.scss#L36)) looks good.

luca0N added 2 commits

2026-02-13 22:06:24 +00:00

Fix help button position f45e73ef17

Make sure the button is inside the `container' CSS element (to preserve
the horizontal margins of the page, and use `fixed' position instead of
`absolute' to make sure that the help button moves as the user scrolls
the page (if applicable).

Add background color to help button a0133a3db4

In the web app, add some background color to the floating help button so
that text and other elements displaying underneath won't appear under
it.

luca0N commented

2026-02-14 23:27:46 +00:00

Author

Owner

@luca0N wrote in #51 (comment):

I am still evaluating whether the position of the button (currently to the far end of the screen, ignoring the max-width property of the main container) looks good.

I went ahead and changed it so that is stays within the margins of that container.

@luca0N wrote in https://git.luca0n.com/luca0N/lanbassador/pulls/51#issuecomment-1347: > I am still evaluating whether the position of the button (currently to the far end of the screen, ignoring the [`max-width` property of the main container](https://git.luca0n.com/luca0N/lanbassador/src/commit/71ca69d085262bf7a0a7297ce5a954a6801e0dee/client/src/styles.scss#L36)) looks good. I went ahead and changed it so that is stays within the margins of that container.

luca0N commented

2026-02-14 23:33:43 +00:00

Author

Owner

I went ahead and removed the checkbox to test against RTL layouts. Since I have not yet made any tests on RTL layouts, I think it would be better to track that on a separate issue.

luca0N changed title from ~~WIP: Add help button on web app~~ to Add help button on web app

2026-02-14 23:33:45 +00:00

luca0N merged commit 240c64229e into dev

2026-02-14 23:34:15 +00:00

luca0N deleted branch dev_client_help_link

2026-02-14 23:34:15 +00:00

luca0N referenced this pull request from a commit

2026-02-14 23:34:17 +00:00

Add help button on web app (#51)