Andras/BoundlessFlowCampus2K

Fork 0

807-fix-button-layout #839

Merged

a24julot merged 5 commits from 807-fix-button-layout into team_1_week_5

2026-05-08 10:28:44 +00:00

b24erika commented

2026-05-08 09:08:47 +00:00

Collaborator

New layout for toolbar (desktop), toolbar is not rounded, buttons are placed on the right-side and header on the left.

Added a function so that when the toolbar transitions up/down the icon for the button changes with the same transition time, may need some tuning but the addition was out-of-scope of this issue so we may do a new one.

New layout for toolbar (desktop), toolbar is not rounded, buttons are placed on the right-side and header on the left. Added a function so that when the toolbar transitions up/down the icon for the button changes with the same transition time, may need some tuning but the addition was out-of-scope of this issue so we may do a new one.

b24erika added 6 commits

2026-05-08 09:08:48 +00:00

added transition to mobile toggle a2eb970b7b

removed hardcoded position of toolbar for mobile, centered toolbar to the toggle div. Changes transition value, new css.

padding/margin and align for items 09fc3e7724

removed padding/margin from toggle button, made toolbar item way to big.

Merge branch '800-enhance-toolbar-phone' into 807-fix-button-layout 45fec4dffb

update css a9c347cafc

added a function, changed css 72e7cb9d7a

a function so that the icon of toolbar is changed at the same speed as toolbar transition, one direction does not swap at exact time but it was somewhat out of scope of this issue.

Added comments eeed322792

b24erika self-assigned this

2026-05-08 09:08:53 +00:00

b24erika added the

frontEnd

Team 1

needs review

labels

2026-05-08 09:09:02 +00:00

b24erika referenced this pull request

2026-05-08 09:11:54 +00:00

Fix button-layout in toolbar #807

a24julot requested review from a24julot

2026-05-08 10:17:06 +00:00

a24julot commented

2026-05-08 10:27:57 +00:00

Collaborator

Review on #807

Whats done

Checked so buttons have new positions
Toolbar not rounded

Tested on Windows using Chrome

App starts
- Works as intended

Inspected following files

frontend/src/components/ToggleButton/ToggleButton.module.css
frontend/src/pages/dashboard/Dashboard.js
frontend/src/pages/dashboard/Dashboard.module.css
- Indentation follows standard
- Good code quality

What needs to be done

Nothing

Conclusion

Ready to be merged

# Review on https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/807 ## Whats done - Checked so buttons have new positions - Toolbar not rounded ### Tested on Windows using Chrome - App starts - Works as intended ### Inspected following files - frontend/src/components/ToggleButton/ToggleButton.module.css - frontend/src/pages/dashboard/Dashboard.js - frontend/src/pages/dashboard/Dashboard.module.css - Indentation follows standard - Good code quality ## What needs to be done - Nothing ## Conclusion - Ready to be merged

🎉 1

a24julot merged commit a59e1d1bed into team_1_week_5

2026-05-08 10:28:44 +00:00

a24julot referenced this pull request from a commit

2026-05-08 10:28:45 +00:00

Merge pull request '807-fix-button-layout' (#839) from 807-fix-button-layout into team_1_week_5