Skip to content

doc(Pre): update max-height style#7723

Merged
ArgoZhang merged 2 commits intomainfrom
dev-pre
Feb 25, 2026
Merged

doc(Pre): update max-height style#7723
ArgoZhang merged 2 commits intomainfrom
dev-pre

Conversation

@ArgoZhang
Copy link
Copy Markdown
Member

@ArgoZhang ArgoZhang commented Feb 25, 2026

Link issues

fixes #7722

Summary By Copilot

Regression?

  • Yes
  • No

Risk

  • High
  • Medium
  • Low

Verification

  • Manual (required)
  • Automated

Packaging changes reviewed?

  • Yes
  • No
  • N/A

☑️ Self Check before Merge

⚠️ Please check all items below before review. ⚠️

  • Doc is updated/provided or not needed
  • Demo is updated/provided or not needed
  • Merge the latest code from the main branch

Summary by Sourcery

Enhancements:

  • Set a 260px max-height on demo code blocks via DemoBlock.razor.css instead of in the Pre component inline style builder.

Copilot AI review requested due to automatic review settings February 25, 2026 01:31
@bb-auto bb-auto bot added the documentation Improvements or additions to documentation label Feb 25, 2026
@bb-auto bb-auto bot added this to the v10.3.0 milestone Feb 25, 2026
@ArgoZhang ArgoZhang merged commit 22972e5 into main Feb 25, 2026
5 checks passed
@ArgoZhang ArgoZhang deleted the dev-pre branch February 25, 2026 01:31
@sourcery-ai
Copy link
Copy Markdown
Contributor

sourcery-ai bot commented Feb 25, 2026

Reviewer's guide (collapsed on small PRs)

Reviewer's Guide

Adjusts how code block height is constrained by moving the max-height styling from the Pre component’s inline style to the DemoBlock card footer CSS, while normalizing some CSS file headers.

File-Level Changes

Change Details Files
Move the max-height constraint for code blocks from the Pre component inline style to the DemoBlock footer CSS.
  • Removed the conditional "max-height: 260px" style from the Pre component’s StyleString CSS builder so Pre no longer enforces a max height by default.
  • Added a scoped CSS rule for ".card-footer-code ::deep pre" with "max-height: 260px" so code blocks inside DemoBlock footers are height-limited via layout styling instead of the component.
  • Ensured that height can still be explicitly controlled via the existing Height property on Pre without interference from a default max-height.
src/BootstrapBlazor.Server/Components/Components/Pre.razor.cs
src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css
Minor CSS file header normalization.
  • Removed leading byte-order-mark characters from the first selectors in the affected CSS files, keeping the class selectors otherwise unchanged.
src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css
src/BootstrapBlazor.Server/Components/Layout/ComponentLayout.razor.css

Assessment against linked issues

Issue Objective Addressed Explanation
#7722 Update the Pre component’s max-height styling so that the 260px max-height is applied via appropriate documentation/demo CSS instead of being hardcoded in the Pre component logic.

Possibly linked issues


Tips and commands

Interacting with Sourcery

  • Trigger a new review: Comment @sourcery-ai review on the pull request.
  • Continue discussions: Reply directly to Sourcery's review comments.
  • Generate a GitHub issue from a review comment: Ask Sourcery to create an
    issue from a review comment by replying to it. You can also reply to a
    review comment with @sourcery-ai issue to create an issue from it.
  • Generate a pull request title: Write @sourcery-ai anywhere in the pull
    request title to generate a title at any time. You can also comment
    @sourcery-ai title on the pull request to (re-)generate the title at any time.
  • Generate a pull request summary: Write @sourcery-ai summary anywhere in
    the pull request body to generate a PR summary at any time exactly where you
    want it. You can also comment @sourcery-ai summary on the pull request to
    (re-)generate the summary at any time.
  • Generate reviewer's guide: Comment @sourcery-ai guide on the pull
    request to (re-)generate the reviewer's guide at any time.
  • Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
    pull request to resolve all Sourcery comments. Useful if you've already
    addressed all the comments and don't want to see them anymore.
  • Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
    request to dismiss all existing Sourcery reviews. Especially useful if you
    want to start fresh with a new review - don't forget to comment
    @sourcery-ai review to trigger a new review!

Customizing Your Experience

Access your dashboard to:

  • Enable or disable review features such as the Sourcery-generated pull request
    summary, the reviewer's guide, and others.
  • Change the review language.
  • Add, remove or edit custom review instructions.
  • Adjust other review settings.

Getting Help

Copy link
Copy Markdown
Contributor

@sourcery-ai sourcery-ai bot left a comment

Choose a reason for hiding this comment

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

Hey - I've found 1 issue

Prompt for AI Agents
Please address the comments from this code review:

## Individual Comments

### Comment 1
<location path="src/BootstrapBlazor.Server/Components/Components/Pre.razor.cs" line_range="78" />
<code_context>

     private string? StyleString => CssBuilder.Default()
         .AddClass($"height: {Height};", !string.IsNullOrEmpty(Height))
-        .AddClass("max-height: 260px;", string.IsNullOrEmpty(Height))
         .AddClassFromAttributes(AdditionalAttributes)
         .Build();
</code_context>
<issue_to_address>
**issue (bug_risk):** Removing the default max-height may affect Pre usage outside DemoBlock contexts.

`Pre` used to enforce `max-height: 260px` whenever `Height` was unset, in all contexts. Now that constraint only exists via `.card-footer-code ::deep pre` in `DemoBlock.razor.css`, so any other `Pre` usages without an explicit `Height` can now expand indefinitely. If that global behavior change isn’t desired, consider retaining a default `max-height` in `Pre` and overriding it specifically in `DemoBlock` instead.
</issue_to_address>

Sourcery is free for open source - if you like our reviews please consider sharing them ✨
Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.


private string? StyleString => CssBuilder.Default()
.AddClass($"height: {Height};", !string.IsNullOrEmpty(Height))
.AddClass("max-height: 260px;", string.IsNullOrEmpty(Height))
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.

issue (bug_risk): Removing the default max-height may affect Pre usage outside DemoBlock contexts.

Pre used to enforce max-height: 260px whenever Height was unset, in all contexts. Now that constraint only exists via .card-footer-code ::deep pre in DemoBlock.razor.css, so any other Pre usages without an explicit Height can now expand indefinitely. If that global behavior change isn’t desired, consider retaining a default max-height in Pre and overriding it specifically in DemoBlock instead.

@codecov
Copy link
Copy Markdown

codecov bot commented Feb 25, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (baaf96d) to head (d681db4).
⚠️ Report is 2 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff            @@
##              main     #7723   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          749       749           
  Lines        33207     33207           
  Branches      4604      4604           
=========================================
  Hits         33207     33207           
Flag Coverage Δ
BB 100.00% <ø> (?)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Copy link
Copy Markdown
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

This PR adjusts how the Pre code block’s default max-height is applied in the BootstrapBlazor.Server docs site, moving the constraint from component inline styles to demo-block scoped CSS.

Changes:

  • Removed the default max-height: 260px; inline style behavior from Pre when Height is not set.
  • Added a demo-specific max-height: 260px; rule for code blocks rendered inside DemoBlock’s footer area.
  • Updated the first line of two scoped CSS files (appears to remove UTF-8 BOM / change encoding).

Reviewed changes

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

File Description
src/BootstrapBlazor.Server/Components/Layout/ComponentLayout.razor.css Encoding/first-line change only.
src/BootstrapBlazor.Server/Components/Components/Pre.razor.cs Removes default max-height from StyleString.
src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css Adds max-height styling for demo code footer; encoding/first-line change.

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

private string? StyleString => CssBuilder.Default()
.AddClass($"height: {Height};", !string.IsNullOrEmpty(Height))
.AddClass("max-height: 260px;", string.IsNullOrEmpty(Height))
.AddClassFromAttributes(AdditionalAttributes)
Copy link

Copilot AI Feb 25, 2026

Choose a reason for hiding this comment

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

StyleString is used for the <pre> element’s style attribute, but it currently calls AddClassFromAttributes(AdditionalAttributes), which pulls the class attribute (not style) and appends it into the style string. This also means any user-provided style in AdditionalAttributes is ignored for the <pre>. Use AddStyleFromAttributes(AdditionalAttributes) here (consistent with other components like Scroll/Affix).

Suggested change
.AddClassFromAttributes(AdditionalAttributes)
.AddStyleFromAttributes(AdditionalAttributes)

Copilot uses AI. Check for mistakes.
@@ -1,4 +1,4 @@
.bb-title {
.bb-title {
Copy link

Copilot AI Feb 25, 2026

Choose a reason for hiding this comment

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

This file now starts without the UTF-8 BOM marker, while most .razor.css files in this project appear to keep the BOM (e.g., many other component/layout scoped CSS files). If the change is unintentional, consider restoring the BOM to avoid inconsistent encoding/noisy diffs across the repo.

Copilot uses AI. Check for mistakes.
@@ -1,4 +1,4 @@
.card {
.card {
Copy link

Copilot AI Feb 25, 2026

Choose a reason for hiding this comment

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

This file now starts without the UTF-8 BOM marker, while most .razor.css files in this project appear to keep the BOM. If the change is unintentional, consider restoring the BOM to keep encoding consistent and reduce churn in diffs.

Copilot uses AI. Check for mistakes.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

doc(Pre): update max-height style

2 participants