Skip to content

Polish CSS spacing, color scheme etc#25

Open
decryptedchaos wants to merge 7 commits into
Redot-Engine:masterfrom
decryptedchaos:master
Open

Polish CSS spacing, color scheme etc#25
decryptedchaos wants to merge 7 commits into
Redot-Engine:masterfrom
decryptedchaos:master

Conversation

@decryptedchaos

@decryptedchaos decryptedchaos commented Jun 30, 2026

Copy link
Copy Markdown
Member

Summary by CodeRabbit

  • Documentation

    • Updated introduction code snippet tab labels (e.g., GDscript and CSharp) and adjusted nearby spacing.
    • Refined formatting on the “List of features” page.
    • Added an extra line to the licensing compliance page above the warning block for better presentation.
  • Style

    • Restyled documentation callouts (note, warning, danger, info) with updated colors.
    • Improved typography and spacing for headings, tables, and inline code.
    • Adjusted the documentation viewer layout (wider TOC column, tighter grid gap, centered content, updated TOC spacing).

@coderabbitai

coderabbitai Bot commented Jun 30, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

Warning

Review limit reached

@decryptedchaos, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 48 minutes

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 8c850b6b-9957-4c23-a56d-3899b7f6fa78

📥 Commits

Reviewing files that changed from the base of the PR and between effd1e4 and 7ef77dc.

📒 Files selected for processing (1)
  • Redot-Documentation/wwwroot/app.css
📝 Walkthrough

Walkthrough

Minor documentation content fixes across three About pages and CSS updates to app.css covering heading/table spacing, code color, callout colors, and doc viewer layout and TOC sizing.

Changes

Documentation content fixes

Layer / File(s) Summary
Tab labels and spacing
Redot-Documentation/docs/About/introduction.md, Redot-Documentation/docs/About/list_of_features.md, Redot-Documentation/docs/About/complying_with_licenses.md
Updates gdscript and csharp tab label capitalization, adjusts blank-line spacing in introduction.md, adds a blank line in list_of_features.md, and inserts a line before the warning admonition in complying_with_licenses.md.

CSS styling updates

Layer / File(s) Summary
Heading, table, and code typography
Redot-Documentation/wwwroot/app.css
Sets vertical margins for h1/h2/h3, adds table cell margin spacing, and changes inline code text color to #4bd633.
Callout block re-theming
Redot-Documentation/wwwroot/app.css
Updates callout-note, callout-warning, callout-danger, and callout-info background and border colors.
Doc viewer layout and TOC sizing
Redot-Documentation/wwwroot/app.css
Widens the TOC column, reduces grid gap, constrains .doc-viewer-content, and refines TOC list spacing and indentation levels.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

Suggested labels

enhancement

Poem

🐇 I nibbled the docs, then hopped to the theme,
fixed caps and spacing like part of a dream.
Notes turned teal and warnings turned gold,
the TOC lined up neat, tidy, and bold.
With code glowing green, the pages now gleam.

🚥 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 matches the main change: documentation CSS spacing and color/theme polish.
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.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Actionable comments posted: 2

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
Redot-Documentation/wwwroot/app.css (1)

152-158: 📐 Maintainability & Code Quality | 🟡 Minor | ⚡ Quick win

Remove the empty line before each background declaration.

Stylelint is already flagging Lines 157, 169, 181, and 250 with declaration-empty-line-before, so this file will not pass lint as written.

Also applies to: 164-170, 176-181, 245-251

🤖 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 `@Redot-Documentation/wwwroot/app.css` around lines 152 - 158, Remove the empty
line before each background declaration in the repeated callout style blocks so
they satisfy the declaration-empty-line-before rule. Update the .callout-note
and the other matching callout selectors in app.css by keeping background
directly after the preceding declaration, preserving the existing styles while
eliminating the lint violations.

Source: Linters/SAST tools

🤖 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 `@Redot-Documentation/docs/About/complying_with_licenses.md`:
- Around line 4-22: Remove the temporary `### WILL REMOVE EXTRAS AFTER TESTING`
heading and the placeholder `:::info` / `:::danger` admonition blocks from
`complying_with_licenses.md`, or replace them with final production content
before merging. Update the heading structure in this document so it follows a
valid hierarchy under the existing top-level heading, using the relevant section
titles in `comlying_with_licenses.md` as the place to insert the real content.
- Line 5: The placeholder heading in the complying_with_licenses markdown breaks
heading order by jumping from the top-level title to an h3, so update that entry
in the document to use an h2 if it should remain, or remove the temporary “WILL
REMOVE EXTRAS AFTER TESTING” line entirely. Check the surrounding markdown in
this docs file for migration artifacts and keep heading levels consistent with
the document structure.

---

Outside diff comments:
In `@Redot-Documentation/wwwroot/app.css`:
- Around line 152-158: Remove the empty line before each background declaration
in the repeated callout style blocks so they satisfy the
declaration-empty-line-before rule. Update the .callout-note and the other
matching callout selectors in app.css by keeping background directly after the
preceding declaration, preserving the existing styles while eliminating the lint
violations.
🪄 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: defaults

Review profile: CHILL

Plan: Pro

Run ID: 7aa8b483-2616-4ad7-a92e-d6218530a456

📥 Commits

Reviewing files that changed from the base of the PR and between 1a1e9fd and 60470ee.

📒 Files selected for processing (4)
  • Redot-Documentation/docs/About/complying_with_licenses.md
  • Redot-Documentation/docs/About/introduction.md
  • Redot-Documentation/docs/About/list_of_features.md
  • Redot-Documentation/wwwroot/app.css

Comment thread Redot-Documentation/docs/About/complying_with_licenses.md Outdated
Comment thread Redot-Documentation/docs/About/complying_with_licenses.md Outdated

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (2)
Redot-Documentation/wwwroot/app.css (2)

170-176: 📐 Maintainability & Code Quality | 🟡 Minor | ⚡ Quick win

Remove the extra blank line before background.

Stylelint is already flagging this block, so this will keep the stylesheet failing lint until the empty line is removed.

🤖 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 `@Redot-Documentation/wwwroot/app.css` around lines 170 - 176, The
.callout-warning rule in app.css has an extra blank line before the background
declaration, which is causing the Stylelint failure. Remove that empty line in
the .callout-warning block so the declarations are contiguous and the stylesheet
passes lint.

Source: Linters/SAST tools


321-327: 🩺 Stability & Availability | 🟠 Major | ⚡ Quick win

min-width: 85% makes the content column too rigid.

Line 327 overrides the earlier min-width: 0, so the content pane can no longer shrink with the grid. With the TOC widened to 300px, this is likely to cause horizontal overflow or cramped layouts on narrower viewports. Keep the shrinkable min-width: 0 and constrain with max-width only.

Suggested fix
 .doc-viewer-content
  {
     min-width: 0;
     margin-right: auto;
     margin-left: auto;
     max-width: 85%;
-    min-width: 85%;
  }
🤖 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 `@Redot-Documentation/wwwroot/app.css` around lines 321 - 327, The
.doc-viewer-content rule is overriding the intended shrinkable layout by setting
min-width to 85%, which can cause overflow when the TOC gets wider. In the
app.css styling for .doc-viewer-content, keep the existing min-width: 0 behavior
and remove the rigid min-width constraint so the column can shrink naturally
while still using max-width to bound its size.
🤖 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.

Outside diff comments:
In `@Redot-Documentation/wwwroot/app.css`:
- Around line 170-176: The .callout-warning rule in app.css has an extra blank
line before the background declaration, which is causing the Stylelint failure.
Remove that empty line in the .callout-warning block so the declarations are
contiguous and the stylesheet passes lint.
- Around line 321-327: The .doc-viewer-content rule is overriding the intended
shrinkable layout by setting min-width to 85%, which can cause overflow when the
TOC gets wider. In the app.css styling for .doc-viewer-content, keep the
existing min-width: 0 behavior and remove the rigid min-width constraint so the
column can shrink naturally while still using max-width to bound its size.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: d8b07098-359f-444c-a4b2-2fe109b95992

📥 Commits

Reviewing files that changed from the base of the PR and between 60470ee and effd1e4.

📒 Files selected for processing (2)
  • Redot-Documentation/docs/About/complying_with_licenses.md
  • Redot-Documentation/wwwroot/app.css
💤 Files with no reviewable changes (1)
  • Redot-Documentation/docs/About/complying_with_licenses.md

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