[PR #1337] [MERGED] fix: mobile device minimum width #4897

Closed
opened 2026-04-16 13:20:34 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/go-vikunja/vikunja/pull/1337
Author: @NeoHuncho
Created: 8/24/2025
Status: Merged
Merged: 9/1/2025
Merged by: @kolaente

Base: mainHead: patch-1


📝 Commits (1)

  • ba1653a Update common-imports.scss

📊 Changes

1 file changed (+2 additions, -2 deletions)

View changed files

📝 frontend/src/styles/common-imports.scss (+2 -2)

📄 Description

Description of bug

The mobile breakpoint is set to an arbitrary value by dividing the tablet size by two (384.5px).However, many mainstream devices, such as the iPhone SE, have a smaller width. I suggest a minimum width of 320, which will fit 99% of mobile devices.

Before fix ( You have to scroll down a whole page to get to your tasks)

Screenshot 2025-08-24 at 12 11 17

After fix

Screenshot 2025-08-24 at 12 02 29

🔄 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/go-vikunja/vikunja/pull/1337 **Author:** [@NeoHuncho](https://github.com/NeoHuncho) **Created:** 8/24/2025 **Status:** ✅ Merged **Merged:** 9/1/2025 **Merged by:** [@kolaente](https://github.com/kolaente) **Base:** `main` ← **Head:** `patch-1` --- ### 📝 Commits (1) - [`ba1653a`](https://github.com/go-vikunja/vikunja/commit/ba1653ae98e07905caa34073579412f5e963b084) Update common-imports.scss ### 📊 Changes **1 file changed** (+2 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/styles/common-imports.scss` (+2 -2) </details> ### 📄 Description ## Description of bug The mobile breakpoint is set to an arbitrary value by dividing the tablet size by two (384.5px).However, many mainstream devices, such as the iPhone SE, have a smaller width. I suggest a minimum width of 320, which will fit 99% of mobile devices. ## Before fix ( You have to scroll down a whole page to get to your tasks) <img width="418" height="726" alt="Screenshot 2025-08-24 at 12 11 17" src="https://github.com/user-attachments/assets/ced86fad-5143-40ed-8aed-bd2731b8136f" /> ## After fix <img width="431" height="728" alt="Screenshot 2025-08-24 at 12 02 29" src="https://github.com/user-attachments/assets/735bea85-c7e5-4edd-9f0b-2f35780a453c" /> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-16 13:20:34 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#4897