Skip to content

feat(styles,react): stretch grid slot content to its cell - #22

Merged
Gnuk merged 1 commit into
mainfrom
21-grid-slot-stretch
Aug 11, 2026
Merged

feat(styles,react): stretch grid slot content to its cell#22
Gnuk merged 1 commit into
mainfrom
21-grid-slot-stretch

Conversation

@Gnuk

@Gnuk Gnuk commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

Closes #21

A ippon-grid--slot already takes the full height of its row, but it carried nothing but its column span. With no display of its own it stayed a block box, so its child kept height: auto and cards of a same row ended at different heights.

Fix

Opt-in alternative on the slot, so nothing changes for current users:

.ippon-grid--slot.-stretch {
  display: grid;
}

The slot becomes a grid container, so its child stretches by default whatever that child is (ippon-card, ippon-button-card, …) — no per-component -full-height alternative needed.

It surfaces as a stretch prop on IpponGridSlot.

Measured

Three-column row, cards with unequal content, 1440px viewport:

slot card
without -stretch 70px / 70px / 70px 52px / 70px / 52px
with -stretch 70px / 70px / 70px 70px / 70px / 70px

Also in this branch

The pick-issue-to-pr skill now works in the current checkout instead of a git worktree, and starts from the branch already checked out:

  • a branch already linked to an issue — by an open PR referencing it, or by an issue number in its name — picks that issue, with no list and no question;
  • a branch is created only when the checkout sits on the default branch, so the step is often a no-op.

It also describes its GitHub operations by intent, so either a GitHub MCP server or the gh CLI can serve them.

Its companion cleanup-workspaces only pruned the ~/.workspace worktrees the old flow created, so it is removed along with them.

🤖 Generated with Claude Code

https://claude.ai/code/session_01FdUKMJAAhX2MwvTbw1Uxan

@Gnuk
Gnuk force-pushed the 21-grid-slot-stretch branch 4 times, most recently from 61dc174 to 6d07a2b Compare August 11, 2026 12:39
A slot already takes the full height of its grid row, but it had no
display of its own, so its child kept its natural height and cards of a
same row ended at different heights. The -stretch alternative turns the
slot into a grid container, so its child fills the cell whatever that
child is, instead of needing a -full-height alternative on every
component.

The alternative is opt-in, so slots without it keep their current
behaviour. It surfaces as a stretch prop on IpponGridSlot.

Rewrite the pick-issue-to-pr skill to work in the current checkout
instead of a worktree. It now starts from the branch already checked out:
a branch linked to an issue picks that issue without asking, and a branch
is only created when starting from the default branch. Its GitHub
operations are described by intent, so either a GitHub MCP server or the
gh CLI can serve them. Its companion cleanup-workspaces only pruned the
worktrees the old flow created, so it goes away with them.

Closes #21

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01FdUKMJAAhX2MwvTbw1Uxan
@Gnuk
Gnuk force-pushed the 21-grid-slot-stretch branch from 6d07a2b to b8ef88d Compare August 11, 2026 12:39
@Gnuk
Gnuk marked this pull request as ready for review August 11, 2026 12:42
@Gnuk
Gnuk merged commit 9e055e1 into main Aug 11, 2026
3 checks passed
@Gnuk
Gnuk deleted the 21-grid-slot-stretch branch August 11, 2026 12:44
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.

grid: a slot stretches to its cell but its content does not fill it

1 participant