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", "name": "my-weekly-todo-list",
"version": "1.15.3", "version": "1.15.4",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "my-weekly-todo-list", "name": "my-weekly-todo-list",
"version": "1.15.3", "version": "1.15.4",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@auth/prisma-adapter": "^2.11.1", "@auth/prisma-adapter": "^2.11.1",

View File

@ -1,6 +1,6 @@
{ {
"name": "my-weekly-todo-list", "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", "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {

View File

@ -3307,7 +3307,9 @@ h3 {
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
visibility: visible; 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 */ /* Larger tap targets for action buttons */
.task-action-btn { .task-action-btn {