Skip to content

ui(home): on laptops the live line is the locker's caption - #80

Merged
kevincodex1 merged 1 commit into
mainfrom
ui/ticker-under-locker
Oct 7, 2026
Merged

kevincodex1 merged 1 commit into
mainfrom
ui/ticker-under-locker

Conversation

@kevincodex1

@kevincodex1 kevincodex1 commented Oct 7, 2026 •

Copy link
Copy Markdown
Member

The hero's closing "Latest" line was a bar across the whole content width, its label on the far left and its age on the far right, under both columns. From 1024px it now sits right under the locker frame, as wide as the frame, and the frame and the line center together in the locker's column. Phones and tablets are unchanged to the pixel (the line is still the grid's last row, with the same spacing).

  • LaunchHero: the stage is wrapped in a column holding it and a second rendering of the line; one rendering is shown per size (display:none on the other, so nothing reads or tabs through it twice)
  • the grid loses its third row from 1024px, so the hero is 60px shorter on laptops and the Trending heading starts 60px higher
  • the loading skeleton mirrors it; the hero-height parity with the skeleton is unchanged (it was always 1-2px short)
  • tests: contracts for both renderings and the grid areas per size

Summary by CodeRabbit

  • Layout Improvements
    • Updated the launchpad hero layout so the live ticker appears beneath the totals on mobile and tablet, and beneath the stage on desktop.
    • Adjusted spacing and positioning across screen sizes to keep the hero content organized and consistent.

The hero's closing "Latest" line was a bar across the whole content width, its label
on the far left and its age on the far right, under both columns. From 1024px it now
sits right under the locker frame, as wide as the frame, and the frame and the line
center together in the locker's column. Phones and tablets are unchanged to the pixel
(the line is still the grid's last row, with the same spacing).

- LaunchHero: the stage is wrapped in a column holding it and a second rendering of
  the line; one rendering is shown per size (display:none on the other, so nothing
  reads or tabs through it twice)
- the grid loses its third row from 1024px, so the hero is 60px shorter on laptops
  and the Trending heading starts 60px higher
- the loading skeleton mirrors it; the hero-height parity with the skeleton is
  unchanged (it was always 1-2px short)
- tests: contracts for both renderings and the grid areas per size
@coderabbitai

coderabbitai Bot commented Oct 7, 2026 •

Copy link
Copy Markdown

Review in Change Stack →

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration
  • Configuration used: defaults
  • Review profile: CHILL
  • Plan: Essentials
  • Run ID: 2e112e79-2482-42d9-b517-99ad560339f9
📥 Commits

Reviewing files that changed from the base of the PR and between 4777602 and ecf1603.

📒 Files selected for processing (6)
  • app/src/app/(home)/loading.tsx
  • app/src/components/launchpad/LaunchHero.module.css
  • app/src/components/launchpad/LaunchHero.tsx
  • app/src/components/launchpad/hero-layout.test.ts
  • app/src/components/launchpad/hero-layout.ts
  • app/src/components/launchpad/live-ticker.test.ts
💤 Files with no reviewable changes (1)
  • app/src/components/launchpad/hero-layout.ts

Included review availability: This review used your included allowance. 3 included reviews remain after this review. Your included PR review attempts over the past 7 days set your current allowance at 5 reviews per hour.


📝 Walkthrough

Walkthrough

The hero ticker now renders in the stage column at desktop widths and in a full-width grid row at smaller widths. The loading skeleton follows the same placement. The layout contract and tests were updated, and the former HERO.ticker spacing entry was removed.

Changes

Hero ticker layout

Layer / File(s) Summary
Responsive ticker placement
app/src/components/launchpad/hero-layout.ts, app/src/components/launchpad/LaunchHero.tsx, app/src/components/launchpad/LaunchHero.module.css, app/src/app/(home)/loading.tsx, app/src/components/launchpad/hero-layout.test.ts, app/src/components/launchpad/live-ticker.test.ts
The hero and loading skeleton place the ticker in the stage column at desktop widths and in a full-width grid row at smaller widths. The layout object and tests reflect the updated placement and responsive spacing.

Priority: ⬇️ Low

Estimated code review effort: 2 (Simple) | ~10 minutes

Change: Feature

Suggested reviewers: vasanthdev2004

Merge Risk: ⚪ Minimal · up to ecf16

The responsive ticker and loading skeleton follow the intended placements, with no material regression established. The change is mergeable subject to normal checks.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 50.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 2 functions across 4 files. (1 skipped: 1… Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly describes the main change: moving the live line beneath the locker on laptop-sized layouts.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Full details: Docstring Coverage

Explanation

Docstring coverage is 50.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 2 functions across 4 files. (1 skipped: 1 unsupported.)

  • Fix all pre-merge checks with AI
✨ Finishing Touches 💡 1
📝 Generate docstrings 💡
  • Commit to this branch
  • Create a new PR
🧪 Generate unit tests (beta)
  • Commit to this branch
  • Create a new PR
  • Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Comment @coderabbitai help to get the list of available commands.

@kevincodex1
kevincodex1 merged commit c567605 into main Oct 7, 2026
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant