An app for logging board climbs
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix: issue where cal breaks horizontal scroll

+9 -5
+1 -1
deno.json
··· 1 1 { 2 - "version": "1.1.1", 2 + "version": "1.1.2", 3 3 "compilerOptions": { 4 4 "lib": [ 5 5 "deno.ns",
+5 -1
www/components/ui-calendar.ts
··· 9 9 } 10 10 11 11 export class UiCalendar extends LitElement { 12 - weeks = 53 12 + weeks = 52 13 13 selected: string | null = null 14 14 15 15 private _activity: Map<string, number> = new Map() ··· 25 25 26 26 protected override createRenderRoot() { 27 27 return this 28 + } 29 + 30 + protected override firstUpdated(): void { 31 + this.scrollLeft = this.scrollWidth 28 32 } 29 33 30 34 #dayKey(d: Date): string {
+2 -1
www/routes/sessions.ts
··· 390 390 </section> 391 391 392 392 <section class="sessions-section"> 393 - <h2 class="sessions-section-title">Activity (past year)</h2> 393 + <h2 class="sessions-section-title">Activity</h2> 394 394 ${this.renderCalendar()} 395 395 </section> 396 396 ··· 422 422 private renderCalendar(): TemplateResult { 423 423 return html` 424 424 <ui-calendar 425 + .weeks="${26}" 425 426 .activity="${attemptsByDay()}" 426 427 .selected="${this.selectedDate}" 427 428 @select="${this.onCalendarSelect}"
+1 -2
www/static/theme.css
··· 428 428 ui-calendar-grid, 429 429 .cal-grid { 430 430 display: grid; 431 - gap: 1px; 432 - min-width: 560px; 431 + gap: 2px; 433 432 padding: 5px; 434 433 } 435 434