personal memory agent
fix: restore missing CSS styles for calendar day view
The tab navigation and timeline styles were lost during the app migration
when review.css was removed. Added the styles directly to _day.html to
keep app-specific CSS within the app.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
+74
+74
apps/calendar/_day.html
+74
apps/calendar/_day.html
···
1
1
{# Calendar day view - events timeline and topic tabs #}
2
2
3
3
<style>
4
+
/* Tab navigation */
5
+
.tabs {
6
+
border-bottom: 2px solid #e0e0e0;
7
+
margin-bottom: 1em;
8
+
display: flex;
9
+
flex-wrap: nowrap;
10
+
align-items: center;
11
+
}
12
+
13
+
.tab {
14
+
flex: 1 1 auto;
15
+
padding: 10px 12px;
16
+
margin-right: 4px;
17
+
background: #f5f5f5;
18
+
border: 1px solid #ddd;
19
+
border-bottom: none;
20
+
cursor: pointer;
21
+
border-radius: 4px 4px 0 0;
22
+
white-space: nowrap;
23
+
transition: background-color 0.2s;
24
+
text-decoration: none;
25
+
color: inherit;
26
+
overflow: hidden;
27
+
text-overflow: ellipsis;
28
+
min-width: 0;
29
+
}
30
+
31
+
.tab:hover {
32
+
background: #e8e8e8;
33
+
}
34
+
35
+
.tab.active {
36
+
background: white;
37
+
border-bottom: 2px solid white;
38
+
margin-bottom: -2px;
39
+
font-weight: bold;
40
+
}
41
+
42
+
.content {
43
+
padding: 1em;
44
+
}
45
+
46
+
/* Day view timeline */
47
+
.day-view {
48
+
position: relative;
49
+
border-left: 60px solid transparent;
50
+
}
51
+
52
+
.hour-line {
53
+
position: absolute;
54
+
left: 0;
55
+
right: 0;
56
+
border-top: 1px solid #eee;
57
+
font-size: 0.75em;
58
+
color: #777;
59
+
}
60
+
61
+
.hour-line span {
62
+
position: absolute;
63
+
left: -55px;
64
+
top: -0.6em;
65
+
}
66
+
67
+
.occ {
68
+
position: absolute;
69
+
left: 0;
70
+
right: 0;
71
+
border-radius: 4px;
72
+
opacity: 0.9;
73
+
display: block;
74
+
text-decoration: none;
75
+
}
76
+
77
+
/* Modal styles */
4
78
.modal { display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
5
79
.modal-content { background:white; margin:5% auto; padding:1em; border-radius:8px; max-width:600px; position:relative; }
6
80
.close { position:absolute; top:10px; right:15px; cursor:pointer; font-size:24px; }