[PR #1184] [MERGED] fix(mobile): make label edit popup fully scrollable and keep Delete button visible at the bottom on all devices #1217

New Issue

OVERLORD · 2026-02-04T21:57:39+03:00

OVERLORD commented

2026-02-04 21:57:39 +03:00

📋 Pull Request Information

Original PR: https://github.com/plankanban/planka/pull/1184
Author: @symonbaikov
Created: 6/7/2025
Status: ✅ Merged
Merged: 6/7/2025
Merged by: @meltyshev

Base: master ← Head: fix/mobile-label-popup-scroll

📝 Commits (3)

e822372 feat(api): add endpoint to fetch all assigned cards with related data
2813cab fix(mobile): make label edit popup fully scrollable and keep Delete button visible at the bottom on all devices\n\nCloses #1183\n\n- Popup content is now flexbox-based and scrollable on all mobile sizes\n- Delete and Save buttons are aligned on the same row and always visible\n- Removed absolute positioning from Delete button for correct flex behavior\n- Improved mobile usability when keyboard is open\n\nBefore: On mobile, the label edit popup content could be hidden by the keyboard, and the Delete button floated or overlapped.\nAfter: Popup content scrolls, input is always accessible, and Delete button stays at the bottom right next to Save. UX is consistent on all mobile devices.
cee11f6 fix: Responsive color buttons, cleanup

📊 Changes

6 files changed (+44 additions, -42 deletions)

View changed files

📝 client/src/components/labels/LabelsStep/AddStep.jsx (+1 -3)
➖ client/src/components/labels/LabelsStep/AddStep.module.scss (+0 -10)
📝 client/src/components/labels/LabelsStep/EditStep.jsx (+9 -6)
📝 client/src/components/labels/LabelsStep/EditStep.module.scss (+7 -7)
📝 client/src/components/labels/LabelsStep/Editor.module.scss (+26 -15)
📝 client/src/lib/popup/Popup.module.css (+1 -1)

📄 Description

Closes #1183

Popup content is now flexbox-based and scrollable on all mobile sizes
Delete and Save buttons are aligned on the same row and always visible
Removed absolute positioning from Delete button for correct flex behavior
Improved mobile usability when keyboard is open

Before: On mobile, the label edit popup content could be hidden by the keyboard, and the Delete button floated or overlapped.
After: Popup content scrolls, input is always accessible, and Delete button stays at the bottom right next to Save. UX is consistent on all mobile devices.

_{🔄 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/plankanban/planka/pull/1184 **Author:** [@symonbaikov](https://github.com/symonbaikov) **Created:** 6/7/2025 **Status:** ✅ Merged **Merged:** 6/7/2025 **Merged by:** [@meltyshev](https://github.com/meltyshev) **Base:** `master` ← **Head:** `fix/mobile-label-popup-scroll` --- ### 📝 Commits (3) - [`e822372`](https://github.com/plankanban/planka/commit/e822372026cf077792149b396074fb424f6bec6b) feat(api): add endpoint to fetch all assigned cards with related data - [`2813cab`](https://github.com/plankanban/planka/commit/2813cab2e192b728ef2754411911515ff82a191b) fix(mobile): make label edit popup fully scrollable and keep Delete button visible at the bottom on all devices\n\nCloses #1183\n\n- Popup content is now flexbox-based and scrollable on all mobile sizes\n- Delete and Save buttons are aligned on the same row and always visible\n- Removed absolute positioning from Delete button for correct flex behavior\n- Improved mobile usability when keyboard is open\n\nBefore: On mobile, the label edit popup content could be hidden by the keyboard, and the Delete button floated or overlapped.\nAfter: Popup content scrolls, input is always accessible, and Delete button stays at the bottom right next to Save. UX is consistent on all mobile devices. - [`cee11f6`](https://github.com/plankanban/planka/commit/cee11f627b7f8f8998ddf2ac33a711abd95317e5) fix: Responsive color buttons, cleanup ### 📊 Changes **6 files changed** (+44 additions, -42 deletions) <details> <summary>View changed files</summary> 📝 `client/src/components/labels/LabelsStep/AddStep.jsx` (+1 -3) ➖ `client/src/components/labels/LabelsStep/AddStep.module.scss` (+0 -10) 📝 `client/src/components/labels/LabelsStep/EditStep.jsx` (+9 -6) 📝 `client/src/components/labels/LabelsStep/EditStep.module.scss` (+7 -7) 📝 `client/src/components/labels/LabelsStep/Editor.module.scss` (+26 -15) 📝 `client/src/lib/popup/Popup.module.css` (+1 -1) </details> ### 📄 Description Closes #1183 - Popup content is now flexbox-based and scrollable on all mobile sizes - Delete and Save buttons are aligned on the same row and always visible - Removed absolute positioning from Delete button for correct flex behavior - Improved mobile usability when keyboard is open Before: On mobile, the label edit popup content could be hidden by the keyboard, and the Delete button floated or overlapped. After: Popup content scrolls, input is always accessible, and Delete button stays at the bottom right next to Save. UX is consistent on all mobile devices. ![CleanShot 2025-06-07 at 11 23 45](https://github.com/user-attachments/assets/eb382fcd-8774-4fb1-a9f8-9a9c56edb343) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

OVERLORD added the pull-request label 2026-02-04 21:57:39 +03:00

OVERLORD closed this issue

2026-02-04 21:57:45 +03:00

OVERLORD referenced this issue

2026-02-04 21:59:07 +03:00

[PR #1217] [MERGED] Add example smtp config for helm chart in values.yaml #1241

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/planka#1217