Rename CSS variable --appbar-item-padding to --appbar-item-height-adjustment

[Copilot]

Pull Request

📖 Description

Renames the CSS variable --appbar-item-padding to --appbar-item-height-adjustment in the AppBar component. The old name was misleading — the variable is used as a height subtraction amount (calc(item-size - adjustment)), not as CSS padding.

Changed files:

• FluentAppBar.razor.css — renamed variable declaration and its calc() usage
• FluentAppBarItem.razor.cs — updated inline style reference

/* Before */
--appbar-item-padding: 10;
height: calc(var(--appbar-item-size) * 1px - var(--appbar-item-padding) * 1px);

/* After */
--appbar-item-height-adjustment: 10;
height: calc(var(--appbar-item-size) * 1px - var(--appbar-item-height-adjustment) * 1px);

🎫 Issues

Addresses review feedback on #4566.

👩‍💻 Reviewer Notes

Pure rename — no behavioral change. All three occurrences of --appbar-item-padding have been updated.

📑 Test Plan

All 28 existing AppBar unit tests pass unchanged.

✅ Checklist

General

• I have added tests for my changes.
• I have tested my changes.
• I have updated the project documentation to reflect my changes.
• I have read the CONTRIBUTING documentation and followed the standards for this project.

Component-specific

• I have added a new component
• I have added Unit Tests for my new component
• I have modified an existing component
• I have validated the Unit Tests for an existing component

MCP Server

• I have added or updated MCP Server tools/prompts/resources
• I have added Unit Tests for my MCP Server changes

⏭ Next Steps

Merge into #4566 once approved.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[Copilot]

Pull request overview

This PR renames an AppBar CSS custom property from --appbar-item-padding to --appbar-item-height-adjustment to better reflect its actual use (a subtraction/adjustment in height calculations) and updates the corresponding inline style usage in the AppBar item component.

Changes:

• Renamed the CSS variable in FluentAppBar.razor.css and updated its calc() usage.
• Updated FluentAppBarItem inline min-height style to reference the new variable name.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
src/Core/Components/AppBar/FluentAppBar.razor.css	Renames the custom property and updates the height: calc(...) expression to use the new name.
src/Core/Components/AppBar/FluentAppBarItem.razor.cs	Updates the vertical min-height inline style calculation to reference the renamed CSS variable.

---

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