[PR #430] [MERGED] feat(queue): improve mobile responsiveness for QueuePage

No labels

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

starred/bambuddy-maziggy-1#1044

BreizhHardware commented

2026-05-07 00:15:39 +02:00

Owner

📋 Pull Request Information

Original PR: https://github.com/maziggy/bambuddy/pull/430
Author: @aneopsy
Created: 2/18/2026
Status: ✅ Merged
Merged: 2/18/2026
Merged by: @maziggy

Base: 0.2.1b ← Head: queue-ui-improvement

📝 Commits (3)

6c308ec feat(queue): improve mobile responsiveness for QueuePage
b96afbd Merge remote-tracking branch 'upstream/0.2.1b' into queue-ui-improvement
fa8e279 Merge branch '0.2.1b' into queue-ui-improvement

📊 Changes

1 file changed (+197 additions, -176 deletions)

View changed files

📝 frontend/src/pages/QueuePage.tsx (+197 -176)

📄 Description

Summary cards: 2-col mobile grid with responsive padding, icons, and text sizing; 5th card spans full width on 2-col layout
Filters: flex-wrap with scaled text/padding; selects share width on mobile; clear history button goes full-width
Section headers (Pending/History): flex-wrap so sort controls wrap below title; drag hint hidden on mobile; responsive icon and text sizes
Bulk action toolbar: flex-wrap with tighter gaps/padding; vertical divider hidden on mobile; scaled button text and icons
SortableQueueItem: top-aligned on mobile; smaller thumbnail (10→14 at sm); metadata row wraps with truncated printer name; username hidden on mobile; badges scale down; status badge and actions stack vertically on mobile; tighter button padding
Manage card selection in mobile

Description

Before:

After:

Type of Change

Bug fix (non-breaking change that fixes an issue)
New feature (non-breaking change that adds functionality)
Breaking change (fix or feature that would cause existing functionality to change)
Documentation update
Code refactoring
Performance improvement
Test addition or update

Testing

I have tested this on my local machine
I have tested with my printer model:

Checklist

My code follows the project's coding style
I have commented my code where necessary
I have updated the documentation (if needed)
My changes generate no new warnings
I have tested my changes thoroughly

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/maziggy/bambuddy/pull/430 **Author:** [@aneopsy](https://github.com/aneopsy) **Created:** 2/18/2026 **Status:** ✅ Merged **Merged:** 2/18/2026 **Merged by:** [@maziggy](https://github.com/maziggy) **Base:** `0.2.1b` ← **Head:** `queue-ui-improvement` --- ### 📝 Commits (3) - [`6c308ec`](https://github.com/maziggy/bambuddy/commit/6c308ecbd21904bc9431a5f9a9e3f996b68ac585) feat(queue): improve mobile responsiveness for QueuePage - [`b96afbd`](https://github.com/maziggy/bambuddy/commit/b96afbd4ea0c57b70ae611ae785dfe988ad7a405) Merge remote-tracking branch 'upstream/0.2.1b' into queue-ui-improvement - [`fa8e279`](https://github.com/maziggy/bambuddy/commit/fa8e2797002c9155dd5bbbc47c7337ada8ce8521) Merge branch '0.2.1b' into queue-ui-improvement ### 📊 Changes **1 file changed** (+197 additions, -176 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/pages/QueuePage.tsx` (+197 -176) </details> ### 📄 Description - Summary cards: 2-col mobile grid with responsive padding, icons, and text sizing; 5th card spans full width on 2-col layout - Filters: flex-wrap with scaled text/padding; selects share width on mobile; clear history button goes full-width - Section headers (Pending/History): flex-wrap so sort controls wrap below title; drag hint hidden on mobile; responsive icon and text sizes - Bulk action toolbar: flex-wrap with tighter gaps/padding; vertical divider hidden on mobile; scaled button text and icons - SortableQueueItem: top-aligned on mobile; smaller thumbnail (10→14 at sm); metadata row wraps with truncated printer name; username hidden on mobile; badges scale down; status badge and actions stack vertically on mobile; tighter button padding - Manage card selection in mobile ## Description ### Before: <img width="405" height="856" alt="image" src="https://github.com/user-attachments/assets/0ce178eb-9b7e-46f0-9e99-e777becf3f36" /> ### After: <img width="400" height="858" alt="image" src="https://github.com/user-attachments/assets/bb2a1a56-3f8d-4032-9352-7c6e0c6e8d11" /> ## Related Issue ## Type of Change - [x] Bug fix (non-breaking change that fixes an issue) - [ ] New feature (non-breaking change that adds functionality) - [ ] Breaking change (fix or feature that would cause existing functionality to change) - [ ] Documentation update - [ ] Code refactoring - [ ] Performance improvement - [ ] Test addition or update ## Testing - [x] I have tested this on my local machine - [ ] I have tested with my printer model:  ## Checklist - [x] My code follows the project's coding style - [x] I have commented my code where necessary - [x] I have updated the documentation (if needed) - [x] My changes generate no new warnings - [x] I have tested my changes thoroughly --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

BreizhHardware

closed this issue
added the
pull-request
label

Rows
Columns

[PR #430] [MERGED] feat(queue): improve mobile responsiveness for QueuePage #1044