sam/goalsbreakdown
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: constrain goal selector width on mobile in tasks page

Browse Source 
On small screens (<=480px), the goal selector dropdown could
overflow due to long option text. Match notes page behavior:
set select to width:100% with max-width:100%.
This commit is contained in:
Yuyao Huang 2026-05-09 11:00:51 +08:00
parent bc590eb40a
commit 2345724535
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
static/css/tasks.css
View File

@ -235,8 +235,15 @@
padding: 30vh 1rem; padding: 30vh 1rem;
} }
.goal-selector-container {
min-width: 0;
width: 100%;
}
.goal-selector-container select { .goal-selector-container select {
min-width: 140px; min-width: 0;
width: 100%;
max-width: 100%;
} }
} }