Skip to content

fix: container style issue#262

Merged
JounQin merged 1 commit intomainfrom
fix/known_ui_issues
Feb 25, 2026
Merged

fix: container style issue#262
JounQin merged 1 commit intomainfrom
fix/known_ui_issues

Conversation

@JounQin
Copy link
Member

@JounQin JounQin commented Feb 25, 2026

close DOC-107

Summary by CodeRabbit

  • Bug Fixes

    • Fixed a container styling issue.
  • Documentation

    • Added RHEL 7.8, 8.0, and 8.6 version information in docs.
  • Localization

    • Added Russian translations for two entries.
  • Improvements

    • Better handling for print-mode rendering.
  • Style

    • Updated tab and documentation layout styling and code block appearance.

Copilot AI review requested due to automatic review settings February 25, 2026 08:54
@changeset-bot
Copy link

changeset-bot bot commented Feb 25, 2026

🦋 Changeset detected

Latest commit: e8058de

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@alauda/doom Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@coderabbitai
Copy link

coderabbitai bot commented Feb 25, 2026

Walkthrough

This PR adds a patch changeset, introduces Russian i18n entries, duplicates small documentation snippets, updates AutoExpandable to respect print mode, adds overflow: hidden to expandable containers, and refactors global tab and doc-layout selectors in SCSS.

Changes

Cohort / File(s) Summary
Changeset Entry
.changeset/old-cooks-rule.md
Add patch changeset for @alauda/doom describing a container style fix.
Documentation & i18n
fixture-docs/en/index.mdx, fixture-docs/i18n.json
Insert duplicated RHEL lines and lint/code-fence adjustments in MDX; add Russian (ru) translations for two i18n keys.
AutoExpandable Component
packages/doom/src/theme/AutoExpandable.tsx, packages/doom/styles/auto-expandable.module.scss
Import and use useIsPrint to short-circuit effect in print mode; add overflow: hidden to expandable container style.
Global Styles
packages/doom/styles/global.scss
Rename .doom-tabs.rp-tabs, add __content/__item structure, introduce --rp-code-block-bg, and refactor doc-layout selectors and print mix adjustments.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

Suggested labels

bug

Poem

🐰 A rabbit nibbles through the trees of CSS,

Prints now pause the expand, no mess,
Overflow tucked under a gentle seam,
Tabs renamed — a tidy theme,
Hoppy fixes stitched in one small PR beam.

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name Status Explanation Resolution
Title check ❓ Inconclusive The title 'fix: container style issue' is vague and generic, using non-descriptive language that doesn't convey meaningful information about the actual changes across multiple files. Revise the title to be more specific and descriptive, such as 'fix: update tab styles and print layout for container overflow' or similar, reflecting the actual scope of changes.
✅ Passed checks (2 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

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

✨ Finishing Touches
  • 📝 Generate docstrings (stacked PR)
  • 📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch fix/known_ui_issues

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.

@pkg-pr-new
Copy link

pkg-pr-new bot commented Feb 25, 2026

Open in StackBlitz

yarn add https://pkg.pr.new/@alauda/doom@262.tgz
yarn add https://pkg.pr.new/@alauda/doom-export@262.tgz

commit: e8058de

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Adjusts Doom/Rspress styling to address container/layout issues (including print layout) and updates fixture docs for i18n/content examples.

Changes:

  • Update global tab/codeblock and print-layout styling in global.scss.
  • Refine AutoExpandable styling/behavior for codeblocks and print mode.
  • Extend fixture docs i18n and update MDX content examples.

Reviewed changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
packages/doom/styles/global.scss Updates tab/codeblock styling and adjusts print layout rules (hide outline/sidebar; reset doc max-width/padding).
packages/doom/styles/auto-expandable.module.scss Ensures bordered codeblock containers clip to rounded corners via overflow: hidden.
packages/doom/src/theme/AutoExpandable.tsx Skips auto-collapse detection during print via useIsPrint.
fixture-docs/i18n.json Adds Russian (ru) translations for fixture keys.
fixture-docs/en/index.mdx Expands fixture tab content with additional Markdown/codeblock examples.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copy link

@coderabbitai coderabbitai bot left a comment

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 the current code and only fix it if needed.

Inline comments:
In `@fixture-docs/en/index.mdx`:
- Around line 57-59: The MDX code block for the AcpApisOverview component is not
properly fenced which triggers remark-lint-code-block-split-list; wrap the
component inside a fenced MDX code block by adding the opening and closing
triple backticks and the language/title marker so the snippet reads ```mdx
title="AcpApisOverview" on the opening line, include the <AcpApisOverview />
component on the next line, and then close with ``` on the following line to
ensure the block is correctly recognized.
- Around line 41-43: The code fence after the list is not indented, causing
remark-lint-code-block-split-list to treat it as a split; indent the entire code
block (the ```mdx title="AcpApisOverview" fence, its contents including
<AcpApisOverview />, and the closing ```) by two spaces so it is aligned as a
list continuation (i.e., prefix each of those three lines with two spaces).

ℹ️ Review info

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between ec8443e and d272b0c.

📒 Files selected for processing (6)
  • .changeset/old-cooks-rule.md
  • fixture-docs/en/index.mdx
  • fixture-docs/i18n.json
  • packages/doom/src/theme/AutoExpandable.tsx
  • packages/doom/styles/auto-expandable.module.scss
  • packages/doom/styles/global.scss

@JounQin JounQin force-pushed the fix/known_ui_issues branch from d272b0c to e8058de Compare February 25, 2026 09:08
Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

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

♻️ Duplicate comments (2)
fixture-docs/en/index.mdx (2)

41-43: Verify that the {/* lint ignore */} comment with a blank separator correctly suppresses the CI failure.

remark-lint officially supports MDX comments for rule suppression when remark-mdx is used: {/* lint ignore rule-name */}, so the syntax is correct. However, the docs note you'll typically need blank lines between HTML comments and other constructs — for MDX JSX expression comments the blank line at line 42 may affect which AST node the ignore directive targets. If the blank line causes the parser to treat the code fence as a non-adjacent sibling rather than the immediately following node, the suppression will silently fail and CI will still error. Please confirm CI passes with this approach rather than the previously suggested 2-space indentation.

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@fixture-docs/en/index.mdx` around lines 41 - 43, The MDX suppression comment
`{/* lint ignore code-block-split-list */}` is separated from the fenced code
block (```mdx title="AcpApisOverview"`) by a blank line which can prevent the
ignore directive from targeting the fence; move the `{/* lint ignore
code-block-split-list */}` comment so it is immediately adjacent above the
```mdx title="AcpApisOverview" fence with no blank line between them (i.e.,
place the comment directly on the line immediately before the opening backticks)
and re-run CI to confirm the rule is suppressed.

59-63: Same lint-ignore-with-blank-line pattern as lines 41–43 — same verification needed.

This mirrors the pattern at lines 41–43. If the blank line at 60 causes the {/* lint ignore code-block-split-list */} comment to miss the following code fence in the AST, CI will still fail here as well. Both suppressions should be validated together in CI.

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@fixture-docs/en/index.mdx` around lines 59 - 63, The lint suppression comment
{/* lint ignore code-block-split-list */} is separated from the following MDX
code fence for the AcpApisOverview example (<AcpApisOverview />) by a blank line
which can cause the suppression to miss the fence in the AST; fix this by
removing the blank line so the comment directly precedes the fenced block (make
it identical to the earlier working pattern), and also add/adjust the CI/test
that verifies the suppression for this specific pattern (the comment + ```mdx
title="AcpApisOverview" ... <AcpApisOverview />) so both occurrences are
validated together.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Duplicate comments:
In `@fixture-docs/en/index.mdx`:
- Around line 41-43: The MDX suppression comment `{/* lint ignore
code-block-split-list */}` is separated from the fenced code block (```mdx
title="AcpApisOverview"`) by a blank line which can prevent the ignore directive
from targeting the fence; move the `{/* lint ignore code-block-split-list */}`
comment so it is immediately adjacent above the ```mdx title="AcpApisOverview"
fence with no blank line between them (i.e., place the comment directly on the
line immediately before the opening backticks) and re-run CI to confirm the rule
is suppressed.
- Around line 59-63: The lint suppression comment {/* lint ignore
code-block-split-list */} is separated from the following MDX code fence for the
AcpApisOverview example (<AcpApisOverview />) by a blank line which can cause
the suppression to miss the fence in the AST; fix this by removing the blank
line so the comment directly precedes the fenced block (make it identical to the
earlier working pattern), and also add/adjust the CI/test that verifies the
suppression for this specific pattern (the comment + ```mdx
title="AcpApisOverview" ... <AcpApisOverview />) so both occurrences are
validated together.

ℹ️ Review info

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between d272b0c and e8058de.

📒 Files selected for processing (6)
  • .changeset/old-cooks-rule.md
  • fixture-docs/en/index.mdx
  • fixture-docs/i18n.json
  • packages/doom/src/theme/AutoExpandable.tsx
  • packages/doom/styles/auto-expandable.module.scss
  • packages/doom/styles/global.scss
🚧 Files skipped from review as they are similar to previous changes (4)
  • .changeset/old-cooks-rule.md
  • packages/doom/styles/global.scss
  • packages/doom/styles/auto-expandable.module.scss
  • packages/doom/src/theme/AutoExpandable.tsx

@JounQin JounQin merged commit b134ee1 into main Feb 25, 2026
14 checks passed
@JounQin JounQin deleted the fix/known_ui_issues branch February 25, 2026 09:13
github-actions bot pushed a commit that referenced this pull request Feb 25, 2026
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