diff --git a/package.json b/package.json index e63a4ea..cfe1e98 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "my-weekly-todo-list", - "version": "1.26.0", + "version": "1.26.1", "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 0e6e02a..b98764d 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1493,46 +1493,31 @@ h3 { color: #666; } -/* Someday Tab Buttons (vertical in label column) */ -.someday-tab-btn { - background: none; - border: none; - cursor: pointer; - color: var(--weekly-text-light, #999); - font-size: 0.45rem; - font-weight: 500; - padding: 3px 4px; - border-radius: 3px; - text-align: center; - width: 100%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - line-height: 1.2; - transition: background 0.15s, color 0.15s; - text-transform: uppercase; - letter-spacing: 0.03em; +/* Someday Tabs Bar (horizontal above grid) */ +.someday-tabs-bar { + display: flex; + flex-direction: row; + align-items: center; + gap: 4px; + padding: 4px 8px; + border-bottom: 1px solid var(--weekly-border); + overflow-x: auto; + scrollbar-width: none; } -.someday-tab-btn:hover { - background: var(--weekly-hover-bg, rgba(0, 0, 0, 0.06)); - color: var(--weekly-text, #333); +.someday-tabs-bar::-webkit-scrollbar { + display: none; } -.someday-tab-btn.active { - background: var(--weekly-accent, #6366f1); - color: #fff; -} - -/* Someday Tab Buttons (horizontal in non-time-grid) */ +/* Someday Tab Buttons (horizontal) */ .someday-tab-btn-h { background: none; border: none; cursor: pointer; color: var(--weekly-text-light, #999); - font-size: 0.6rem; + font-size: 0.75rem; font-weight: 500; - padding: 2px 8px; + padding: 3px 10px; border-radius: 3px; white-space: nowrap; transition: background 0.15s, color 0.15s; @@ -1548,37 +1533,7 @@ h3 { color: #fff; } -/* Someday Tab Wrappers with dissolve buttons */ -.someday-tab-wrapper { - position: relative; - display: flex; - align-items: center; -} - -.someday-tab-dissolve { - position: absolute; - right: -2px; - top: -2px; - background: var(--weekly-bg, #fff); - border: 1px solid var(--weekly-border, #e5e7eb); - border-radius: 50%; - cursor: pointer; - color: var(--weekly-text-light, #999); - padding: 1px; - line-height: 0; - opacity: 0; - transition: opacity 0.15s; -} - -.someday-tab-wrapper:hover .someday-tab-dissolve { - opacity: 1; -} - -.someday-tab-dissolve:hover { - color: #ef4444; - border-color: #ef4444; -} - +/* Someday Tab Wrapper with dissolve button */ .someday-tab-wrapper-h { position: relative; display: inline-flex; @@ -1620,33 +1575,6 @@ h3 { color: var(--weekly-text, #333); } -/* Mobile Someday Tabs Bar */ -.someday-tabs-mobile { - display: none; -} - -@media (max-width: 768px) { - .someday-tabs-mobile { - display: flex; - flex-direction: row; - align-items: center; - gap: 4px; - padding: 6px 8px; - overflow-x: auto; - border-bottom: 1px solid var(--weekly-border); - scrollbar-width: none; - } - - .someday-tabs-mobile::-webkit-scrollbar { - display: none; - } - - /* Hide the vertical tabs in label column on mobile */ - .someday-tabs { - display: none !important; - } -} - /* Preferences Slide-in Panel */ .preferences-panel { position: fixed; diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx index 7f9460f..0e87238 100644 --- a/src/components/WeeklyView.tsx +++ b/src/components/WeeklyView.tsx @@ -2706,6 +2706,7 @@ export default function WeeklyView() { fetchedLists = listData.lists.map((l: any) => ({ id: l.id, title: l.title, + tab: l.tab || null, tasks: [], externalId: l.externalId || null, externalProvider: l.externalProvider || null, @@ -6438,80 +6439,6 @@ export default function WeeklyView() { > + - {/* Someday Tabs */} - {somedayTabs.length > 0 && ( -