[BreadcrumbBar] Add theme resource keys for customizing Chevron padding and font weight

[almedina-ms]

• Adds theme resource keys to modify the Chevron padding and the font weight of the inline (not drop down) BreadcrumbItems
• Changes the last item visual for a TextBlock (From [Breadcrumb] Change last item for TextBlock #4666)

Description

Adds an extra TextBlock item that is only shown when the element is the last item, that way we avoid changing between the different visual states as well as raising click events

Add the following theme resources:

• BreadcrumbBarChevronFontSize: Double value that determines the Chevron size (the arrow after every node)
• BreadcrumbBarChevronPadding: Thickness value that determines the padding between the chevron and the content for the associated and the next breadcrumb item
• BreadcrumbBarItemFontWeight: FontWeight value that determines the font weight of the BreadcrumbItems that are not drop down items, including the CurrentItem font weight

Motivation and Context

VSO bug: 32260502

How Has This Been Tested?

To verify that the customization properties have been applied, this snippet was added (but not merged) to the BreadcrumbBarPage:

<Page.Resources>
        <ResourceDictionary>
            <ResourceDictionary.ThemeDictionaries>

                <ResourceDictionary x:Key="Default">
                    <SolidColorBrush x:Key="BreadcrumbBarNormalForegroundBrush" Color="DarkGray"/>
                    <SolidColorBrush x:Key="BreadcrumbBarCurrentNormalForegroundBrush" Color="Black"/>

                    <x:Double x:Key="BreadcrumbBarChevronFontSize">20</x:Double>
                    <x:Double x:Key="BreadcrumbBarItemThemeFontSize">20</x:Double>
                    <Thickness x:Key="BreadcrumbBarChevronPadding">10,0</Thickness>

                    <FontWeight x:Key="BreadcrumbBarItemFontWeight">Semibold</FontWeight>
                </ResourceDictionary>

                <ResourceDictionary x:Key="Light">
                    <SolidColorBrush x:Key="BreadcrumbBarNormalForegroundBrush" Color="DarkGray"/>
                    <SolidColorBrush x:Key="BreadcrumbBarCurrentNormalForegroundBrush" Color="Black"/>

                    <x:Double x:Key="BreadcrumbBarChevronFontSize">20</x:Double>
                    <x:Double x:Key="BreadcrumbBarItemThemeFontSize">20</x:Double>
                    <Thickness x:Key="BreadcrumbBarChevronPadding">10,0</Thickness>

                    <FontWeight x:Key="BreadcrumbBarItemFontWeight">Semibold</FontWeight>
                </ResourceDictionary>

                <ResourceDictionary x:Key="HighContrast">
                </ResourceDictionary>
            </ResourceDictionary.ThemeDictionaries>
        </ResourceDictionary>
    </Page.Resources>

[ranjeshj]

/azp run

[azure-pipelines]

Azure Pipelines successfully started running 1 pipeline(s).

[almedina-ms]

/azp run

[azure-pipelines]

Azure Pipelines successfully started running 1 pipeline(s).

[almedina-ms]

/azp run

[azure-pipelines]

Azure Pipelines successfully started running 1 pipeline(s).

[almedina-ms]

/azp

[azure-pipelines]

Supported commands

• help:
• Get descriptions, examples and documentation about supported commands
• Example: help "command_name"
• list:
• List all pipelines for this repository using a comment.
• Example: "list"
• run:
• Run all pipelines or specific pipelines for this repository using a comment. Use this command by itself to trigger all related pipelines, or specify specific pipelines to run.
• Example: "run" or "run pipeline_name, pipeline_name, pipeline_name"
• where:
• Report back the Azure DevOps orgs that are related to this repository and org
• Example: "where"

See additional documentation.

[RBrid]

/azp run

[azure-pipelines]

Azure Pipelines successfully started running 1 pipeline(s).