fix: move mobile task action toolbar above task text to prevent overlap

Use bottom: 100% instead of fixed top offset so toolbar always sits
above the task regardless of task height.

v1.15.4

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-08 00:12:34 +01:00
parent 609874b288
commit a592ac40e9
3 changed files with 6 additions and 4 deletions

4
package-lock.json generated
View File

@ -1,12 +1,12 @@
{
"name": "my-weekly-todo-list",
"version": "1.15.3",
"version": "1.15.4",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "my-weekly-todo-list",
"version": "1.15.3",
"version": "1.15.4",
"license": "MIT",
"dependencies": {
"@auth/prisma-adapter": "^2.11.1",

View File

@ -1,6 +1,6 @@
{
"name": "my-weekly-todo-list",
"version": "1.15.3",
"version": "1.15.4",
"description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
"main": "index.js",
"scripts": {

View File

@ -3307,7 +3307,9 @@ h3 {
opacity: 1;
pointer-events: auto;
visibility: visible;
top: -45px; /* Larger offset for mobile to avoid text overlap */
bottom: 100%;
top: auto;
margin-bottom: 4px;
}
/* Larger tap targets for action buttons */
.task-action-btn {