Fixed text size #1254

Open
c22abdal wants to merge 1 commit from #1236-edit-mode-txt into main
Collaborator

Fixes the dashboard edit mode label becoming too small on narrow screen widths.

Changes

  • Updated the mobile dashboard toolbar styling so the Edit mode text keeps a readable size when the page is resized horizontally.
  • Removed the overly small mobile font sizing for .tool-name, making it consistent with the rest of the toolbar text.

Why

Previously, the dashboard applied font-size: xx-small to .tool-name under 768px, which made the Edit mode label shrink much more than nearby toolbar controls. This made the UI feel inconsistent and harder to read on smaller window widths.

Testing

  • Resize the dashboard horizontally below 768px.
  • Confirm the Edit mode label remains readable.
  • Confirm nearby toolbar controls such as Add card, Reset layout, and the edit toggle still align correctly.
Fixes the dashboard edit mode label becoming too small on narrow screen widths. ## Changes - Updated the mobile dashboard toolbar styling so the Edit mode text keeps a readable size when the page is resized horizontally. - Removed the overly small mobile font sizing for .tool-name, making it consistent with the rest of the toolbar text. ## Why Previously, the dashboard applied font-size: xx-small to .tool-name under 768px, which made the Edit mode label shrink much more than nearby toolbar controls. This made the UI feel inconsistent and harder to read on smaller window widths. ## Testing - Resize the dashboard horizontally below 768px. - Confirm the Edit mode label remains readable. - Confirm nearby toolbar controls such as Add card, Reset layout, and the edit toggle still align correctly.
Fixed text size
Some checks failed
Playwright Tests / test (pull_request) Has been cancelled
49d319ddae
Author
Collaborator

Review

The change looks good. The issue was caused by the mobile media query setting .tool-name to font-size: xx-small, which made the Edit mode label much smaller than the surrounding toolbar controls. Keeping the label at a normal readable size makes the toolbar more consistent when the dashboard width is reduced.
I also checked that this is a scoped styling fix: it only affects dashboard toolbar labels on smaller screens and does not change the edit mode logic or the toggle behavior.

# Review The change looks good. The issue was caused by the mobile media query setting .tool-name to `font-size: xx-small`, which made the Edit mode label much smaller than the surrounding toolbar controls. Keeping the label at a normal readable size makes the toolbar more consistent when the dashboard width is reduced. I also checked that this is a scoped styling fix: it only affects dashboard toolbar labels on smaller screens and does not change the edit mode logic or the toggle behavior.
Some checks failed
Playwright Tests / test (pull_request) Has been cancelled
This pull request can be merged automatically.
You are not authorized to merge this pull request.
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin #1236-edit-mode-txt:#1236-edit-mode-txt
git switch #1236-edit-mode-txt

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git switch main
git merge --no-ff #1236-edit-mode-txt
git switch #1236-edit-mode-txt
git rebase main
git switch main
git merge --ff-only #1236-edit-mode-txt
git switch #1236-edit-mode-txt
git rebase main
git switch main
git merge --no-ff #1236-edit-mode-txt
git switch main
git merge --squash #1236-edit-mode-txt
git switch main
git merge --ff-only #1236-edit-mode-txt
git switch main
git merge #1236-edit-mode-txt
git push origin main
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Andras/BoundlessFlowCampus2K!1254
No description provided.