Removed Floating timer -> Status Bar

This commit is contained in:
2025-11-22 14:17:36 +01:00
parent a652a6ac04
commit 4303bfa2e6
8 changed files with 118 additions and 211 deletions

View File

@@ -512,86 +512,24 @@
background: var(--ft-danger);
}
/* ============ Floating Timer ============ */
.focus-task-floating-timer {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
background: var(--background-primary);
border: 1px solid var(--background-modifier-border);
border-radius: 16px;
padding: 12px 16px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
cursor: move;
min-width: 180px;
transition: all 0.3s ease;
/* ============ Status Bar Timer ============ */
.focus-task-status-bar {
cursor: pointer;
padding: 0 8px;
display: flex;
align-items: center;
gap: 4px;
font-size: 12px;
transition: all 0.2s ease;
}
.focus-task-floating-timer:hover {
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
.focus-task-status-bar:hover {
color: var(--text-accent);
}
.focus-task-floating-timer.focus-task-active {
border-color: var(--ft-primary);
box-shadow: 0 8px 32px rgba(99, 102, 241, 0.3);
}
.focus-task-floating-timer.focus-task-break-mode {
border-color: var(--ft-break);
box-shadow: 0 8px 32px rgba(6, 182, 212, 0.3);
}
.focus-task-floating-inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.focus-task-floating-task {
font-size: 12px;
color: var(--text-muted);
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.focus-task-floating-time {
font-size: 28px;
font-weight: 700;
font-variant-numeric: tabular-nums;
color: var(--ft-primary);
}
.focus-task-floating-time.focus-task-overtime {
color: var(--ft-warning);
}
.focus-task-floating-controls {
display: flex;
gap: 8px;
}
.focus-task-float-btn {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: var(--ft-bg-secondary);
border: 1px solid var(--ft-border);
cursor: pointer;
font-size: 14px;
transition: all 0.2s ease;
}
.focus-task-float-btn:hover {
background: var(--ft-primary);
color: white;
border-color: var(--ft-primary);
.focus-task-status-bar.focus-task-status-active {
color: var(--text-accent);
font-weight: 500;
}
/* ============ Modal Styles ============ */