diff --git a/package.json b/package.json index c5c01cc..e19aafb 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "my-weekly-todo-list", - "version": "1.108.1", + "version": "1.108.2", "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": { diff --git a/src/app/globals.css b/src/app/globals.css index 8a97ad1..465f380 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1368,6 +1368,7 @@ h3 { -webkit-overflow-scrolling: touch; scroll-behavior: smooth; overflow: visible; + background-color: #F9F9F9; } /* Scrollbar Styling for Someday Container */ @@ -1522,9 +1523,9 @@ h3 { .weekly-someday-list .weekly-task-item { border-bottom: none; - min-height: 38px; + min-height: 24px; height: auto; - padding: 6px 1rem; + padding: 4px 4px; display: flex; align-items: flex-start; overflow: visible !important; @@ -1544,7 +1545,7 @@ h3 { overflow: visible; white-space: normal; text-overflow: clip; - padding: 0; + padding-left: 4px; } .weekly-someday-list-title-header { @@ -1612,10 +1613,11 @@ h3 { flex-direction: row; align-items: flex-end; gap: 4px; - padding: 6px 12px 0; + padding: 0px 12px 0; overflow-x: auto; scrollbar-width: none; - border-bottom: 1px solid var(--weekly-border); + border-bottom: 2px solid var(--weekly-border); + background-color: #E9E9E9; } .someday-tabs-bar::-webkit-scrollbar { @@ -1634,6 +1636,7 @@ h3 { justify-content: center; transition: background 0.15s, color 0.15s; flex-shrink: 0; + padding:8px; } .someday-bar-icon-btn:hover { @@ -1643,7 +1646,7 @@ h3 { .someday-tabs-bar-divider { width: 1px; - height: 16px; + height: 34px; background: var(--weekly-border, #e5e7eb); flex-shrink: 0; margin: 0 4px; @@ -1652,9 +1655,6 @@ h3 { /* Someday Tab Buttons (horizontal) — pill + underline style */ .someday-tab-btn-h { - background: var(--weekly-bg, #fff); - border: 1px solid var(--weekly-border, #e5e7eb); - border-bottom: 3px solid transparent; cursor: pointer; color: var(--weekly-text-light, #888); font-size: 0.8rem; @@ -1666,6 +1666,7 @@ h3 { display: inline-flex; align-items: center; gap: 5px; + margin-top: 4px; } .someday-tab-btn-h:hover { @@ -1674,16 +1675,17 @@ h3 { } .someday-tab-btn-h.active { + background: #f9f9f9; + border: 2px solid var(--weekly-border, #e5e7eb); + border-bottom-color: #f9f9f9; color: var(--weekly-text, #222); font-weight: 700; - border-color: var(--weekly-border, #e5e7eb); - border-bottom-color: #f9f9f9; - background: var(--weekly-bg, #fff); box-shadow: none; - margin-bottom: -1px; + margin-bottom: -2px; } .weekly-container.dark-mode .someday-tab-btn-h.active { + background: #1a1a1b; border-bottom-color: #1a1a1b; } @@ -1709,7 +1711,7 @@ h3 { .someday-tab-btn-h.active .someday-tab-count { background: rgba(99, 102, 241, 0.12); - color: var(--weekly-accent, #6366f1); + color: var(--weekly-accent, #000); } /* Someday Tab Wrapper with dissolve button */