github-starred/vikunja
2
0
Fork 0
mirror of https://github.com/go-vikunja/vikunja.git synced 2026-08-01 03:10:13 -05:00
Code Issues 690 Packages Projects Releases 11 Wiki Activity

[PR #2066] [MERGED] fix: prevent timezone field from overflowing container on smaller viewports #8030

New Issue
Closed
opened 2026-04-20 17:59:47 -05:00 by GiteaMirror · 0 comments
GiteaMirror commented 2026-04-20 17:59:47 -05:00
Owner
Copy Link
Copy Source

📋 Pull Request Information

Original PR: https://github.com/go-vikunja/vikunja/pull/2066
Author: @kolaente
Created: 1/8/2026
Status: ✅ Merged
Merged: 1/8/2026
Merged by: @kolaente

Base: main ← Head: fix/2044-timezone-overflow

📝 Commits (2)

  • 8034427 fix: prevent timezone field from overflowing container on smaller viewports
  • ae73db0 fix: overflow in text on multiselect with placeholder in timezone settings

📊 Changes

2 files changed (+24 additions, -5 deletions)

View changed files

📝 frontend/src/components/input/Multiselect.vue (+19 -5)
📝 frontend/src/views/user/settings/General.vue (+5 -0)

📄 Description

Summary

  • Adds a responsive media query to the timezone select field to prevent overflow at tablet/mobile widths
  • At viewports ≤900px, the min-inline-size: 200px constraint is removed, allowing the field to shrink with its container

Closes #2044

Test plan

  • Navigate to Settings page (/user/settings/general)
  • Resize viewport to ~800px (tablet range)
  • Verify timezone field stays within card container
  • Test at 768px (tablet portrait) - no overflow
  • Test at 480px (mobile) - no overflow
  • Verify layout still looks correct at desktop widths (1200px+)

🔄 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/2066 **Author:** [@kolaente](https://github.com/kolaente) **Created:** 1/8/2026 **Status:** ✅ Merged **Merged:** 1/8/2026 **Merged by:** [@kolaente](https://github.com/kolaente) **Base:** `main` ← **Head:** `fix/2044-timezone-overflow` --- ### 📝 Commits (2) - [`8034427`](https://github.com/go-vikunja/vikunja/commit/8034427cbf43ebe436c7296b905b77eb7f8396a1) fix: prevent timezone field from overflowing container on smaller viewports - [`ae73db0`](https://github.com/go-vikunja/vikunja/commit/ae73db0d8973801ae8f8d1427134388cd4d65247) fix: overflow in text on multiselect with placeholder in timezone settings ### 📊 Changes **2 files changed** (+24 additions, -5 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/input/Multiselect.vue` (+19 -5) 📝 `frontend/src/views/user/settings/General.vue` (+5 -0) </details> ### 📄 Description ## Summary - Adds a responsive media query to the timezone select field to prevent overflow at tablet/mobile widths - At viewports ≤900px, the `min-inline-size: 200px` constraint is removed, allowing the field to shrink with its container Closes #2044 ## Test plan - [x] Navigate to Settings page (`/user/settings/general`) - [x] Resize viewport to ~800px (tablet range) - [x] Verify timezone field stays within card container - [x] Test at 768px (tablet portrait) - no overflow - [x] Test at 480px (mobile) - no overflow - [x] Verify layout still looks correct at desktop widths (1200px+) --- <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-20 17:59:47 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
area/api
area/attachments
area/auth
area/avatars
area/backup-restore
area/caldav
area/calendar-view
area/comments
area/config
area/database
area/desktop
area/docker
area/email
area/favorites
area/filters
area/frontend
area/gantt
area/i18n
area/import-export
area/internal-code
area/kanban
area/labels
area/list-view
area/mobile
area/notifications
area/permissions
area/projects
area/pwa
area/recurring-tasks
area/reminders
area/search
area/shortcuts
area/subtasks
area/sync
area/table-view
area/task-editor
area/task-metadata
area/task-relations
area/teams
area/theming
area/time-tracking
area/typesense
area/views
area/webhooks
bug
changes requested
concern/accessibility
concern/performance
concern/regression
concern/ux
confirmed
db/mysql
dependencies
enhancement
good first issue
help wanted
integration/inbound
integration/outbound
kind/bug
kind/feature
needs reproduction
pull-request
Mirrored from GitHub Pull Request
 question
security
support
upstream issue
waiting for reply
wontfix
No labels pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
GiteaMirror ninjasurge (Kaehlen Rog)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#8030