feat(Menu): redesign collapse logic

[ArgoZhang]

redesign collapse logic

Summary of the changes (Less than 80 chars)

简单描述你更改了什么, 不超过80个字符；如果有关联 Issue 请在下方填写相关编号

Description

fixes #4671

Regression?

• Yes
• No

[If yes, specify the version the behavior has regressed from]

[是否影响老版本]

Risk

• High
• Medium
• Low

[Justify the selection above]

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

Redesign the collapse logic of the Menu component by modifying the CSS and removing the 'is-collapsed' class logic. Update related CSS classes to improve styling and transition effects. Remove the 'IsCollapsed' test case as it is no longer applicable.

Enhancements:

• Redesign the collapse logic of the Menu component to improve its behavior and appearance.

Tests:

• Remove the test case for the 'IsCollapsed' property in the Menu component.

[sourcery-ai]

Reviewer's Guide by Sourcery

This PR redesigns the menu collapse logic by removing the width-based collapse mechanism and replacing it with an opacity-based transition. The changes simplify the implementation by removing the is-collapsed class handling and updating the CSS classes and transitions.

Updated class diagram for Menu component

classDiagram
    class Menu {
        - bool IsCollapsed
        + string? ClassString
    }
    note for Menu "Removed is-collapsed class handling"

Loading

File-Level Changes

Change	Details	Files
Removed width-based collapse mechanism in favor of opacity transitions	Changed text transition from width to opacity based Renamed CSS class from 'text' to 'menu-text' Removed media query for collapsed menu text width Removed 'is-collapsed' class handling from menu component	src/BootstrapBlazor/Components/Menu/Menu.razor.scss src/BootstrapBlazor/Components/Menu/Menu.razor.cs
Updated component templates to use new menu-text class	Updated class name in MenuLink component Updated class name in TopMenu component	src/BootstrapBlazor/Components/Menu/MenuLink.razor src/BootstrapBlazor/Components/Menu/TopMenu.razor
Removed obsolete test case	Removed IsCollapsed_Ok test that was testing the old collapse behavior	test/UnitTest/Components/MenuTest.cs

Assessment against linked issues

Issue	Objective	Addressed	Explanation
#4671	Redesign the collapse logic in the Menu component	✅

Possibly linked issues

• feat(Menu): redesign collapse logic #4671: The PR implements the redesign of the collapse logic as described in the issue.

---

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.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a 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. You can also use
  this command to specify where the summary should be inserted.

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

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

[sourcery-ai]

Hey @ArgoZhang - I've reviewed your changes - here's some feedback:

Overall Comments:

• Please fill out the PR template completely in English, including risk assessment and verification details.

Here's what I looked at during the review

• 🟢 General issues: all looks good
• 🟢 Security: all looks good
• 🟢 Testing: all looks good
• 🟢 Complexity: all looks good
• 🟢 Documentation: all looks good

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (624ade0) to head (a75d9d0).
Report is 1 commits behind head on main.

Additional details and impacted files

@@             Coverage Diff             @@
##             main     #4672      +/-   ##
===========================================
+ Coverage   99.98%   100.00%   +0.01%     
===========================================
  Files         620       620              
  Lines       27428     27427       -1     
  Branches     3929      3928       -1     
===========================================
+ Hits        27424     27427       +3     
+ Misses          4         0       -4     

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

[ArgoZhang]

@sourcery-ai review

[sourcery-ai]

Hey @ArgoZhang - I've reviewed your changes - here's some feedback:

Overall Comments:

• Please add test coverage for the new collapse behavior to replace the removed IsCollapsed_Ok test
• The commit description should explain the rationale for changing from width-based to opacity-based transitions and any potential impacts on existing behavior

Here's what I looked at during the review

• 🟢 General issues: all looks good
• 🟢 Security: all looks good
• 🟢 Testing: all looks good
• 🟢 Complexity: all looks good
• 🟢 Documentation: all looks good

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}