[PR #387] [MERGED] Fixed Archive object card clipping, added reprint icon to list view #1022

Closed
opened 2026-05-06 12:34:31 +02:00 by BreizhHardware · 0 comments

📋 Pull Request Information

Original PR: https://github.com/maziggy/bambuddy/pull/387
Author: @Keybored02
Created: 2/15/2026
Status: Merged
Merged: 2/16/2026
Merged by: @maziggy

Base: 0.2.0bHead: feature/ui_improvements


📝 Commits (7)

  • f2e0536 Fixed Archive object card clipping, added reprint icon to list view
  • 6ba3d91 Merge branch '0.2.0b' into feature/ui_improvements
  • 08da1e3 Merge branch '0.2.0b' into feature/ui_improvements
  • 71b9aec Merge branch '0.2.0b' into feature/ui_improvements
  • 957e57f Merge branch '0.2.0b' into feature/ui_improvements
  • b0d1358 Change gcode/3MF preview icon
  • bb4687a Merge branch '0.2.0b' into feature/ui_improvements

📊 Changes

3 files changed (+67 additions, -26 deletions)

View changed files

📝 frontend/src/components/CalendarView.tsx (+1 -1)
📝 frontend/src/index.css (+24 -0)
📝 frontend/src/pages/ArchivesPage.tsx (+42 -25)

📄 Description

Description

Fixes Archive card buttons clipping, especially with locales and long words. Added reprint icon to list view as a UX improvement. Modifed the scroll bar in calendar view to fit the theme.

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

Changes Made

  • Added a custom scrollbar class for the calendar selected-day list, and applied it to the list container in CalendarView.tsx:226 and index.css:375-401.
  • Adjusted archive card overlay badges: duplicate badge shifted left, timelapse/photos badges repositioned to avoid overlap, and a new 3D preview badge button added near the bottom-right in ArchivesPage.tsx:687-754.
  • Moved the edit (pencil) action into the archive card header and removed it from the action button row in ArchivesPage.tsx:773-1030.
  • Removed the 3D preview button from the action row (it’s now the overlay badge) in ArchivesPage.tsx:993-1017.
    Added a reprint icon button (Play) in archive list view rows for sliced files in ArchivesPage.tsx:1768-1784.

Screenshots

Screenshot 2026-02-15 103752 Screenshot 2026-02-15 103801 Screenshot 2026-02-15 104005 Screenshot 2026-02-15 104014

Testing

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

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

Additional Notes

I cannot check form dev env the alignment for the timelapse/photo button, please let me know if they overlap.


🔄 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/387 **Author:** [@Keybored02](https://github.com/Keybored02) **Created:** 2/15/2026 **Status:** ✅ Merged **Merged:** 2/16/2026 **Merged by:** [@maziggy](https://github.com/maziggy) **Base:** `0.2.0b` ← **Head:** `feature/ui_improvements` --- ### 📝 Commits (7) - [`f2e0536`](https://github.com/maziggy/bambuddy/commit/f2e05367ad1dd1f7c368288efe18c5df2ea9c4d3) Fixed Archive object card clipping, added reprint icon to list view - [`6ba3d91`](https://github.com/maziggy/bambuddy/commit/6ba3d9197174fcf2c17b00e8b0cb0e98381aca3a) Merge branch '0.2.0b' into feature/ui_improvements - [`08da1e3`](https://github.com/maziggy/bambuddy/commit/08da1e3c431613678846ec00fc1df3feed7f8f54) Merge branch '0.2.0b' into feature/ui_improvements - [`71b9aec`](https://github.com/maziggy/bambuddy/commit/71b9aec85723a6529e96fa8583ec674d5a9f19e2) Merge branch '0.2.0b' into feature/ui_improvements - [`957e57f`](https://github.com/maziggy/bambuddy/commit/957e57f68980d4eb487c0b67ac831ac7c97666ad) Merge branch '0.2.0b' into feature/ui_improvements - [`b0d1358`](https://github.com/maziggy/bambuddy/commit/b0d1358b2eaba903c53ff85345bd58d9ab6d81ec) Change gcode/3MF preview icon - [`bb4687a`](https://github.com/maziggy/bambuddy/commit/bb4687a8322bb07c2274e5130457ebeef760f886) Merge branch '0.2.0b' into feature/ui_improvements ### 📊 Changes **3 files changed** (+67 additions, -26 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/CalendarView.tsx` (+1 -1) 📝 `frontend/src/index.css` (+24 -0) 📝 `frontend/src/pages/ArchivesPage.tsx` (+42 -25) </details> ### 📄 Description ## Description Fixes Archive card buttons clipping, especially with locales and long words. Added reprint icon to list view as a UX improvement. Modifed the scroll bar in calendar view to fit the theme. ## Type of Change <!-- Mark the relevant option with an "x" --> - [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 ## Changes Made - Added a custom scrollbar class for the calendar selected-day list, and applied it to the list container in CalendarView.tsx:226 and index.css:375-401. - Adjusted archive card overlay badges: duplicate badge shifted left, timelapse/photos badges repositioned to avoid overlap, and a new 3D preview badge button added near the bottom-right in ArchivesPage.tsx:687-754. - Moved the edit (pencil) action into the archive card header and removed it from the action button row in ArchivesPage.tsx:773-1030. - Removed the 3D preview button from the action row (it’s now the overlay badge) in ArchivesPage.tsx:993-1017. Added a reprint icon button (Play) in archive list view rows for sliced files in ArchivesPage.tsx:1768-1784. ## Screenshots <img width="396" height="515" alt="Screenshot 2026-02-15 103752" src="https://github.com/user-attachments/assets/a8d974f8-a716-4a98-977c-65dff575fb2b" /> <img width="397" height="518" alt="Screenshot 2026-02-15 103801" src="https://github.com/user-attachments/assets/4c0f78c5-5783-4f02-b40e-3832c9a4e7c5" /> <img width="435" height="126" alt="Screenshot 2026-02-15 104005" src="https://github.com/user-attachments/assets/20138ec0-d7f7-495c-b28f-49ebd9c23cb5" /> <img width="429" height="132" alt="Screenshot 2026-02-15 104014" src="https://github.com/user-attachments/assets/73c8f93c-2960-44cb-95a2-8ee8d8109f77" /> ## Testing <!-- Describe how you tested your changes --> - [x] I have tested this on my local machine - [x] I have tested with my printer model: H2C ## Checklist - [x] My code follows the project's coding style - [x] I have commented my code where necessary - [ ] I have updated the documentation (if needed) - [x] My changes generate no new warnings - [x] I have tested my changes thoroughly ## Additional Notes I cannot check form dev env the alignment for the timelapse/photo button, please let me know if they overlap. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
BreizhHardware 2026-05-06 12:34:31 +02:00
Sign in to join this conversation.
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#1022
No description provided.