poignatov/play-life
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

4.4.0: Улучшения UI детализации задачи
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 1m0s
Details

Browse Source
This commit is contained in:
poignatov
2026-01-29 18:02:11 +03:00
parent f266508d04
commit 56d413f761
4 changed files with 57 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
play-life-web/src/components/TaskDetail.css
View File

@@ -199,7 +199,7 @@
.task-actions-section {
display: flex;
flex-direction: column;
gap: 0.375rem;
gap: 0.125rem;
}
.task-actions-bottom {
@@ -212,10 +212,12 @@
.task-action-left {
flex: 1;
display: flex;
min-width: 0;
}
.complete-at-end-of-day-checkbox {
margin-top: 0;
margin-bottom: 0.25rem;
}
.complete-at-end-of-day-checkbox .checkbox-label {
@@ -257,9 +259,11 @@
}
.task-action-complete-buttons {
flex: 1;
display: flex;
gap: 0.25rem;
align-items: stretch;
min-width: 0;
}
.action-button {
@@ -290,19 +294,19 @@
}
.action-button-check {
width: calc(0.75rem * 2 + 1rem + 0.125rem * 2);
min-width: calc(0.75rem * 2 + 1rem);
flex: 1;
width: 100%;
min-width: 0;
height: calc(0.75rem * 2 + 1rem + 0.125rem * 2);
padding: 0.75rem;
flex-shrink: 0;
padding: 0.75rem 1.5rem;
box-sizing: border-box;
background: linear-gradient(to right, #10b981, #059669);
background: linear-gradient(to right, #6366f1, #8b5cf6);
margin: 0;
}
.action-button-check:hover:not(:disabled) {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}
.action-button-double-check {
@@ -327,13 +331,21 @@
.action-button-save {
flex: 1;
width: 100%;
min-width: 0;
background: linear-gradient(to right, #10b981, #059669);
}
.action-button-save:hover:not(:disabled) {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}
.next-task-date-info {
font-size: 0.875rem;
color: #6b7280;
text-align: right;
text-align: left;
margin-top: 0.25rem;
}
.next-task-date-bold {