Responsive add card modal #684

Merged

b24johka merged 1 commit from 663-responsive-add-card-modal into team_1_week_4

2026-04-30 13:53:19 +00:00

b23albst commented

2026-04-30 12:56:14 +00:00

Collaborator

There are some known issues, such as:

modal not working when using phone in landscape mode
previews of cards whose content does not scale well look bad
Weird stuff happens when view names are really long

Please tell me if you think the design is intuitive/easy to use!

Changes have been made to make the add card modal work on phones/smaller screens. I have tried it out on my phone (android) and in firefox with the responsive design setting. I would really like if someone else could try it out as well. There are some known issues, such as: - modal not working when using phone in landscape mode - previews of cards whose content does not scale well look bad - Weird stuff happens when view names are really long Please tell me if you think the design is intuitive/easy to use! ![image](/attachments/dfa5968a-32d4-4ac8-a3b7-be897f0ec399)

image.png

55 KiB

b23albst added 1 commit

2026-04-30 12:56:14 +00:00

First draft of responsive add card modal ae3f466c76

b23albst added the

frontEnd

needs review

labels

2026-04-30 13:08:03 +00:00

b24johka requested review from b24johka

2026-04-30 13:34:53 +00:00

b24johka commented

2026-04-30 13:51:14 +00:00

Collaborator

Review

Tested on Firefox responsive mode, and Iphone 14.

Interaction

-Intuitive interaction without the loss of any components from the desktop version
-For some reason a lot of the text elements renders in blue when on iphone 14 safari (See screenshot)

Coding

-Its using the common breakpoint of 768px which is good

Conclusion:

Its not an issue that the text elements renders as blue, but might be good to know for further development.
This is ready to be merged, really good job!

# Review Tested on Firefox responsive mode, and Iphone 14. ## Interaction -Intuitive interaction without the loss of any components from the desktop version -For some reason a lot of the text elements renders in blue when on iphone 14 safari (See screenshot) ## Coding -Its using the common breakpoint of 768px which is good # Conclusion: Its not an issue that the text elements renders as blue, but might be good to know for further development. This is ready to be merged, really good job! ![image](/attachments/87749d93-b9e5-4f87-b9ad-6e260b50e70b)

image.png

628 KiB

b24johka merged commit 1cccd55e2b into team_1_week_4

2026-04-30 13:53:19 +00:00

b24johka referenced this pull request from a commit

2026-04-30 13:53:20 +00:00

Merge pull request 'Responsive add card modal' (#684) from 663-responsive-add-card-modal into team_1_week_4

b23albst referenced this pull request

2026-05-05 11:10:27 +00:00

The add new view modal needs to be responsive #663