kwila/address-book
1
0
Fork 1
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

feat: mobile entry modal and improved label preview #9

Open
exe-dev-bot wants to merge 4 commits from exe-dev-bot/address-book:feat/mobile-responsive into main
pull from: exe-dev-bot/address-book:feat/mobile-responsive
merge into: kwila:main
Conversation 0 Commits 4 Files changed 4 +441 -2
exe-dev-bot commented 2026-01-06 08:29:44 -05:00
Contributor
Copy link

Changes

Entry Modal for Mobile

  • Added an edit modal for add/edit entries on mobile devices
  • Edit button appears on each row in mobile view (hidden on desktop)
  • Clicking "Add row" on mobile opens the modal instead of inline editing
  • Delete entry option included with danger styling

Label Preview Improvements

  • Scaled label preview to fit mobile viewport (55% scale)
  • Improved page number spacing on mobile

This eliminates the need for horizontal scrolling to access all columns when editing entries on mobile devices.

## Changes ### Entry Modal for Mobile - Added an edit modal for add/edit entries on mobile devices - Edit button appears on each row in mobile view (hidden on desktop) - Clicking "Add row" on mobile opens the modal instead of inline editing - Delete entry option included with danger styling ### Label Preview Improvements - Scaled label preview to fit mobile viewport (55% scale) - Improved page number spacing on mobile This eliminates the need for horizontal scrolling to access all columns when editing entries on mobile devices.
- Add @media query for screens under 600px
- Toolbar: compact buttons, full-width search on mobile
- Table: larger touch targets, visible filter/menu icons
- Label modal: full-screen on mobile with stacked header
- Welcome screen: responsive button sizing
- Dropdown menus: larger touch-friendly padding
- Add Entry modal for add/edit entries on mobile without horizontal scrolling
- Show edit button on each row on mobile (hidden on desktop)
- Clicking 'Add row' on mobile opens modal instead of inline editing
- Scale label preview to fit mobile viewport
- Add delete entry option with danger styling in edit modal
- Add Entry modal now used on both desktop and mobile
- Desktop still uses inline editing for existing rows
- Mobile uses edit modal for both add and edit operations
- Add web app manifest with app name and icons
- Add apple-touch-icon and meta tags for iOS
- Generate 192x192 and 512x512 icons from favicon
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 feat/mobile-responsive:exe-dev-bot-feat/mobile-responsive
git switch exe-dev-bot-feat/mobile-responsive

Merge

Merge the changes and update on Forgejo.
git switch main
git merge --no-ff exe-dev-bot-feat/mobile-responsive
git switch exe-dev-bot-feat/mobile-responsive
git rebase main
git switch main
git merge --ff-only exe-dev-bot-feat/mobile-responsive
git switch exe-dev-bot-feat/mobile-responsive
git rebase main
git switch main
git merge --no-ff exe-dev-bot-feat/mobile-responsive
git switch main
git merge --squash exe-dev-bot-feat/mobile-responsive
git switch main
git merge --ff-only exe-dev-bot-feat/mobile-responsive
git switch main
git merge exe-dev-bot-feat/mobile-responsive
git push origin main
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
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
kwila/address-book!9
No description provided.