nate/hub
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Calendar week and day views

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-22 07:50:38 -04:00
1 parent e26b38a119
commit fa1452d23d
5 files changed
+78 -5
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/style.css
+22
View File
@@ -504,3 +504,25 @@ body.lyropen { overflow: hidden; }
.row.subtask { padding-left: 34px; }
.row.subtask .tick { transform: scale(.88); }
/* Calendar week and day views */
.tgwrap { overflow: auto; max-height: 68vh; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.tg { position: relative; }
.tgg { width: 44px; flex: none; }
.tghead, .tgad, .tgbody { display: flex; }
.tgtop { position: sticky; top: 0; z-index: 3; background: var(--panel); border-bottom: 1px solid var(--line); }
.tgd { flex: 1; border: 0; background: none; padding: 6px 0; display: flex; flex-direction: column; align-items: center; gap: 0; color: var(--muted); min-width: 0; }
.tgd b { font-size: 17px; color: var(--text); width: 30px; height: 30px; line-height: 30px; border-radius: 50%; }
.tgd.today b { background: var(--accent); color: var(--accent-t); }
.tgad { border-bottom: 1px solid var(--line); }
.tgad .tgg { font-size: 10px; color: var(--muted); padding: 6px 4px 0; }
.tgad > div { flex: 1; min-width: 0; padding: 3px 2px; display: flex; flex-direction: column; gap: 2px; border-left: 1px solid var(--line); }
.tgchip { border: 0; text-align: left; font-size: 12px; padding: 2px 6px; border-radius: 6px; background: color-mix(in srgb, var(--c) 28%, transparent); color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tgh { position: relative; }
.tgh span { position: absolute; top: -8px; right: 6px; font-size: 10px; color: var(--muted); }
.tgcol { flex: 1; position: relative; min-width: 0; border-left: 1px solid var(--line); cursor: cell; background-image: linear-gradient(var(--line) 1px, transparent 1px); background-size: 100% 48px; }
.tgcol.today { background-color: color-mix(in srgb, var(--accent) 5%, transparent); }
.tgev { position: absolute; border: 0; border-left: 3px solid var(--c); border-radius: 6px; padding: 2px 5px; text-align: left; overflow: hidden; font-size: 12px; line-height: 1.25; background: color-mix(in srgb, var(--c) 24%, var(--panel)); color: var(--text); cursor: pointer; }
.tgev b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tgev small { color: var(--muted); font-size: 11px; }
.tgnow { position: absolute; left: 0; right: 0; height: 2px; background: var(--danger); z-index: 2; pointer-events: none; }