Skip to content

Fix kbd elements alignment in key-row#231

Merged
bjarneo merged 2 commits into
bjarneo:mainfrom
Kasui92:main
May 15, 2026
Merged

Fix kbd elements alignment in key-row#231
bjarneo merged 2 commits into
bjarneo:mainfrom
Kasui92:main

Conversation

@Kasui92

@Kasui92 Kasui92 commented May 15, 2026

Copy link
Copy Markdown
Contributor

Summary

This is simply a site-side fix that had broken keybinding containers.

Screenshots / video

Before

image

After

image

Summary by CodeRabbit

  • Documentation

    • Standardized keyboard shortcut labels across Transport, Navigation, Playlist Manager, and Provider panes (consolidated multi-key labels, slash-separated alternate keys, combined seek labels) for clearer, consistent wording.
  • Style

    • Updated keybindings layout and visual presentation to improve readability and organization of the Keybindings section.

Review Change Stack

@coderabbitai

coderabbitai Bot commented May 15, 2026

Copy link
Copy Markdown
📝 Walkthrough

Walkthrough

Updates keybindings presentation in site/index.html: changed the .keys-groups grid column rule and reformatted multiple keybinding rows to use slash-separated notation and consolidated kbd elements, preserving examples like 7j = 70%.

Changes

Keybindings Display Updates

Layer / File(s) Summary
Grid Layout Styling
site/index.html
Updated the .keys-groups CSS grid column configuration to change the keybindings display layout.
Keybinding Label Formatting
site/index.html
Reformatted Transport and Navigation arrow key rows to use slash-separated labels (e.g., ← / →, Shift+← / Shift+→), combined the “N then …” seek-to-percent row into a single kbd label (example 7j = 70% preserved), and consolidated multiple Playlist Manager and Provider Pane key rows into single kbd elements (including Esc/p close/clear and provider cursor/quick-switch keys).

🎯 3 (Moderate) | ⏱️ ~20 minutes

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title specifically refers to fixing kbd elements alignment in key-row, which directly matches the main change of reformatting and consolidating keybinding labels in the HTML file.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
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.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

  • Generate code and open pull requests
  • Plan features and break down work
  • Investigate incidents and troubleshoot customer tickets together
  • Automate recurring tasks and respond to alerts with triggers
  • Summarize progress and report instantly

Built for teams:

  • Shared memory across your entire org—no repeating context
  • Per-thread sandboxes to safely plan and execute work
  • Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

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

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@site/index.html`:
- Line 1945: The displayed keybinding is inconsistent: the label uses uppercase
"J" (<kbd>N then J</kbd>) while the example uses lowercase "j" (<kbd>7j</kbd> =
70%); update one to match the other for clarity — either change the label to
"<kbd>N then j</kbd>" to match the example or change the example to
"<kbd>7J</kbd>" so both use uppercase; make the same change where the strings "N
then J" and "7j" appear in the markup (e.g., around the <kbd> elements) to keep
casing consistent.
- Around line 1943-1945: The site copy of keybindings is out of sync with the
canonical docs: update both representations so they match (or pick
docs/keybindings.md as source-of-truth and propagate to site/index.html).
Specifically, change the "N then J" entry to "N then j" and include the "0j to
start" behavior described in docs, change the "Shift+← / Shift+→" description
from "Seek −/+30s (default)" to indicate it's "(configurable)", and make the
playlist manager entry match the docs ordering and wording by using "p then Esc"
(or reorder to match docs) with the description "Close the playlist manager"
instead of "Close (or clear active filter)"; ensure both docs/keybindings.md and
site/index.html reflect the exact same strings for these bindings.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Repository UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 69d6f770-63c3-45d9-be01-587feadf942c

📥 Commits

Reviewing files that changed from the base of the PR and between 84ef9f1 and 250c571.

📒 Files selected for processing (1)
  • site/index.html

Comment thread site/index.html Outdated
Comment thread site/index.html Outdated

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

♻️ Duplicate comments (1)
site/index.html (1)

1943-1945: ⚠️ Potential issue | 🟠 Major | ⚡ Quick win

Documentation sync issue persists.

While line 1945 now correctly uses lowercase j (matching the example 7j = 70%), the documentation sync issues flagged in previous reviews remain unresolved:

  • Line 1944: Description says "Seek −/+30s (default)" but per the previous review, docs/keybindings.md states this is "(configurable)", not a fixed default
  • Line 1945: The docs/keybindings.md file mentions an 0j to start feature that is omitted from the site description
  • Line 1994 (below): Ordering and wording mismatch between site and docs for the playlist manager close action

As per coding guidelines: "User-facing documentation changes must update both docs/ and site/index.html in sync. This applies to any user-visible changes in keybindings, plugin APIs, providers, or config keys."

#!/bin/bash
# Compare keybinding descriptions between docs and site

echo "=== Checking docs/keybindings.md for seek bindings ==="
rg -n -A 1 "N then|Shift.*arrow|Shift.*30" docs/keybindings.md

echo -e "\n=== Checking for '0j' or 'configurable' mentions ==="
rg -n "0j|configurable" docs/keybindings.md
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@site/index.html` around lines 1943 - 1945, The site copy in site/index.html
is out of sync with docs/keybindings.md: update the key-row for "Shift+← /
Shift+→" (the element containing "Seek −/+30s (default)") to reflect
"configurable" instead of "default", add the missing "0j to start" keybinding to
the N then j row or as its own key-row (matching the docs' phrasing and
example), and reconcile the playlist manager close action wording/order at the
block around the playlist manager entries so it exactly matches
docs/keybindings.md; target the key-row elements (the <div class="key-row">
entries for Shift+... and N then j) and the playlist manager section so both
site/index.html and docs/keybindings.md are identical for user-facing text.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Duplicate comments:
In `@site/index.html`:
- Around line 1943-1945: The site copy in site/index.html is out of sync with
docs/keybindings.md: update the key-row for "Shift+← / Shift+→" (the element
containing "Seek −/+30s (default)") to reflect "configurable" instead of
"default", add the missing "0j to start" keybinding to the N then j row or as
its own key-row (matching the docs' phrasing and example), and reconcile the
playlist manager close action wording/order at the block around the playlist
manager entries so it exactly matches docs/keybindings.md; target the key-row
elements (the <div class="key-row"> entries for Shift+... and N then j) and the
playlist manager section so both site/index.html and docs/keybindings.md are
identical for user-facing text.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Repository UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 93bbeac3-7e4f-4868-b3a1-592ab23163f2

📥 Commits

Reviewing files that changed from the base of the PR and between 250c571 and 7fdd9d0.

📒 Files selected for processing (1)
  • site/index.html

@bjarneo

bjarneo commented May 15, 2026

Copy link
Copy Markdown
Owner

Thanks!

@bjarneo bjarneo merged commit d56d353 into bjarneo:main May 15, 2026
1 check 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.

2 participants