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

Compare commits

base: sam:bc590eb40ad7ab3c4f3ab711fadadf235d0e1300
Branches Tags
sam:master
..
compare: sam:f7afdf5c961822f1b032f001e1628acbcd405321
Branches Tags
sam:master

2 Commits
bc590eb40a ... f7afdf5c96

Author SHA1 Message Date
Yuyao Huang
f7afdf5c96 fix: stack modal buttons vertically on mobile for touch-friendly layout 
On small screens (<=640px), modal action buttons now stack
vertically with full width instead of wrapping unpredictably.
This applies to all modals: note, task, goal.
 2026-05-09 11:02:37 +08:00
Yuyao Huang
2345724535 fix: constrain goal selector width on mobile in tasks page 
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%.
 2026-05-09 11:00:51 +08:00
2 changed files with 13 additions and 2 deletions
Show Stats Expand all files Collapse all files

6
static/css/style.css
View File

@ -276,10 +276,14 @@ body {
} }
.modal-actions { .modal-actions {
flex-wrap: wrap; flex-direction: column;
gap: 0.5rem;
} }
.modal-actions .btn-primary,
.modal-actions .btn-secondary,
.modal-actions .btn-danger { .modal-actions .btn-danger {
width: 100%; width: 100%;
text-align: center;
} }
} }

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%;
} }
} }