Skip to content
This repository was archived by the owner on Feb 6, 2026. It is now read-only.

fix: single row commit and notes#110

Open
matt2e wants to merge 13 commits intomainfrom
compact-commits
Open

fix: single row commit and notes#110
matt2e wants to merge 13 commits intomainfrom
compact-commits

Conversation

@matt2e
Copy link
Collaborator

@matt2e matt2e commented Feb 5, 2026

Vertical space is at a premium
Time label gets hidden by hover actions

Screenshot 2026-02-06 at 10 53 07 am

matt2e and others added 13 commits February 6, 2026 09:53
…umn grid

Replace two-line timeline rows with a compact 3-column grid layout where:
- Column 1: Message/title (left-aligned, flexible width)
- Column 2: Commit hash (right-aligned, fixed width)
- Column 3: Time label (right-aligned, fixed width)

This reduces vertical space usage and improves visual alignment by:
- Converting .timeline-content from flex to CSS grid
- Removing nested .timeline-info and .timeline-meta containers
- Flattening HTML structure to direct span children
- Adding white-space: nowrap and text-align: right to time/hash columns
- Using note-spacer for notes to maintain column alignment with commits

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Reduce timeline-line margin-top from 4px to 2px and min-height from 16px to 12px to match note row height
- Add flexbox alignment to commit-sha and timeline-time to ensure vertical centering
- Add justify-content: flex-end to timeline-time for proper right alignment

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Move time label to overlay the action buttons area
- Add fade-out transition (opacity: 1 -> 0) on row hover
- Position git hash next to action buttons for commits
- Apply same fade behavior to both commit and note rows
- Remove grid layout in favor of flexbox for better control

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
The vertical lines beneath each timeline icon were causing extra height
between rows. Removed the .timeline-line elements and their CSS to create
a more compact timeline layout.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Changed timeline-row align-items from flex-start to center to properly
vertically center commit/note names, icons, and action buttons within
each row.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
…ines

Increased timeline row padding from 6px to 8px for better visual spacing.
Restored vertical lines connecting timeline icons that were removed in
the previous commit to maintain visual continuity in the timeline.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
The timeline icon is now vertically centered in each row. Timeline
lines are drawn above the icon when there's a preceding row and below
when there's a subsequent row, creating proper vertical continuity.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
The vertical lines between timeline items were not visible because
the .timeline-line elements had no minimum height and were collapsing
to zero. Adding min-height: 8px ensures the lines are always visible.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
…row spacing

- Change timeline marker from relative to absolute positioning to fill row height
- Remove min-height constraint from timeline lines, allowing them to extend fully
- Reduce row padding from 8px to 4px vertical to decrease spacing
- Add left margin to timeline content to accommodate absolute positioned marker

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Increase row padding from 4px to 6px to improve breathing room while
keeping the compact layout. Add min-height to timeline lines to ensure
the icon is always vertically centered even when there's no preceding
or subsequent row.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Increases timeline row padding from 6px to 8px and timeline line min-height from 6px to 8px to provide more breathing room and ensure proper vertical centering of icons in first and last rows.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Always render timeline lines but make them invisible for first/last items to ensure proper flexbox centering
- Remove commit hash display from commit rows for cleaner interface

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Removes the .commit-sha CSS class that is no longer used after the commit
hash display was removed from the timeline rows.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant