personal memory agent
Merge branch 'hopper-vch2qkkx-allday-legend-polish'
+12
-7
+12
-7
apps/calendar/_day.html
+12
-7
apps/calendar/_day.html
···
178
178
/* All-day section for untimed events */
179
179
.all-day-section {
180
180
margin-bottom: 1.5em;
181
-
padding: 0.75em;
181
+
padding: 0.75em 0.75em 1em;
182
182
background: #f8f9fa;
183
+
border-bottom: 1px solid #e0e0e0;
183
184
border-radius: 6px;
184
185
}
185
186
···
195
196
.all-day-cards {
196
197
display: flex;
197
198
flex-wrap: wrap;
198
-
gap: 0.6em;
199
+
gap: 0.75em;
200
+
align-items: center;
199
201
}
200
202
201
203
.all-day-card {
202
204
flex: 1 1 0;
203
205
min-width: 0;
204
-
padding: 0.5em 1em;
206
+
padding: 0.6em 1.2em;
205
207
border-radius: 4px;
206
208
font-size: 0.9em;
207
209
cursor: pointer;
···
211
213
}
212
214
213
215
.all-day-card.planned {
214
-
border-style: dotted;
216
+
border-left-style: dotted;
215
217
opacity: 0.7;
216
218
}
217
219
···
601
603
.timeline-legend {
602
604
display: flex;
603
605
flex-wrap: wrap;
604
-
gap: 0.5em 1em;
605
-
padding: 0.3em 0.5em;
606
+
gap: 0.5em 1.5em;
607
+
padding: 0.5em 0.5em;
608
+
border-bottom: 1px solid #e0e0e0;
609
+
margin-bottom: 0.5em;
606
610
font-size: 0.8em;
607
611
color: #666;
608
612
}
···
629
633
.all-day-cards,
630
634
.allday-overflow {
631
635
flex-direction: column;
636
+
align-items: stretch;
632
637
}
633
638
.modal-content {
634
639
margin: 2% auto;
···
925
930
if (i === MAX_ALLDAY_VISIBLE && untimedEvents.length > MAX_ALLDAY_VISIBLE) {
926
931
const overflow = untimedEvents.length - MAX_ALLDAY_VISIBLE;
927
932
html += `<button type="button" class="allday-expand" data-expanded="false" aria-expanded="false">+${overflow} more</button>`;
928
-
html += '<div class="allday-overflow" style="display:none;flex-wrap:wrap;gap:0.6em;width:100%">';
933
+
html += '<div class="allday-overflow" style="display:none;flex-wrap:wrap;gap:0.75em;width:100%">';
929
934
}
930
935
html += `<div class="${cardClass}" data-index="${idx}" tabindex="0" role="button" style="border-color:${o.color || '#6c757d'}">`;
931
936
html += `<span class="card-title">${title}</span>${badge}</div>`;