From b34a08352cea15426612081743b5ef91d019002b Mon Sep 17 00:00:00 2001
From: indigo-san <lugongdao07@gmail.com>
Date: Fri, 3 Nov 2023 18:44:49 +0900
Subject: [PATCH] =?UTF-8?q?`simple-breadcrumb-bar`=20=E3=82=B9=E3=82=BF?=
 =?UTF-8?q?=E3=82=A4=E3=83=AB=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Beutl.Controls/Styles.axaml               | 18 ++++-
 .../Styling/SimpleBreadcrumbBar.axaml         | 73 +++++++++++++++++++
 .../DevelopPages/PackageReleasesPage.axaml    | 12 +--
 .../DevelopPages/PackageSettingsPage.axaml    | 12 +--
 .../DevelopPages/ReleasePage.axaml            | 18 ++---
 .../AnExtensionSettingsPage.axaml             | 12 +--
 .../SettingsPages/DecoderPriorityPage.axaml   | 12 +--
 .../EditorExtensionPriorityPage.axaml         | 12 +--
 .../SettingsPages/EditorSettingsPage.axaml    |  4 +-
 .../ExtensionsSettingsPage.axaml              |  4 +-
 .../SettingsPages/StorageDetailPage.axaml     | 12 +--
 .../SettingsPages/TelemetrySettingsPage.axaml |  4 +-
 .../SettingsPages/ViewSettingsPage.axaml      |  4 +-
 13 files changed, 128 insertions(+), 69 deletions(-)
 create mode 100644 src/Beutl.Controls/Styling/SimpleBreadcrumbBar.axaml

diff --git a/src/Beutl.Controls/Styles.axaml b/src/Beutl.Controls/Styles.axaml
index c6d1730a9..75819b8b3 100644
--- a/src/Beutl.Controls/Styles.axaml
+++ b/src/Beutl.Controls/Styles.axaml
@@ -10,9 +10,10 @@
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
                 <ResourceInclude Source="/Styling/ButtonStyles.axaml" />
+                <ResourceInclude Source="/Styling/ComboBoxStyles.axaml" />
                 <ResourceInclude Source="/Styling/ToggleSwitchStyles.axaml" />
                 <ResourceInclude Source="/Styling/ToggleButtonStyles.axaml" />
-                <ResourceInclude Source="/Styling/ComboBoxStyles.axaml" />
+                <ResourceInclude Source="/Styling/SimpleBreadcrumbBar.axaml" />
 
                 <ResourceInclude Source="/Styling/ProgressRing.axaml" />
                 <ResourceInclude Source="/Styling/FileInputArea.axaml" />
@@ -105,6 +106,21 @@
         <Setter Property="Height" Value="24" />
     </Style>
 
+    <Style Selector="StackPanel.simple-breadcrumb-bar">
+        <Setter Property="Orientation" Value="Horizontal" />
+        <Setter Property="Spacing" Value="16" />
+
+        <Style Selector="^ > Separator">
+            <Setter Property="Theme" Value="{StaticResource SimpleLargeBreadcrumbBarSeparator}" />
+        </Style>
+        <Style Selector="^ > Button">
+            <Setter Property="Theme" Value="{StaticResource SimpleLargeBreadcrumbBarButton}" />
+        </Style>
+        <Style Selector="^ > TextBlock">
+            <Setter Property="Theme" Value="{StaticResource SimpleLargeBreadcrumbBarTextBlock}" />
+        </Style>
+    </Style>
+
     <StyleInclude Source="avares://Beutl.Controls/Styling/NavigationView.axaml" />
     <StyleInclude Source="avares://Beutl.Controls/Styling/Placeholder.axaml" />
 </Styles>
diff --git a/src/Beutl.Controls/Styling/SimpleBreadcrumbBar.axaml b/src/Beutl.Controls/Styling/SimpleBreadcrumbBar.axaml
new file mode 100644
index 000000000..71f9ada13
--- /dev/null
+++ b/src/Beutl.Controls/Styling/SimpleBreadcrumbBar.axaml
@@ -0,0 +1,73 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:ui="using:FluentAvalonia.UI.Controls">
+
+    <ControlTheme x:Key="SimpleLargeBreadcrumbBarSeparator" TargetType="Separator">
+        <Setter Property="FontFamily" Value="{DynamicResource SymbolThemeFontFamily}" />
+        <Setter Property="FontSize" Value="16" />
+        <Setter Property="FontWeight" Value="SemiBold" />
+        <Setter Property="TextBlock.TextTrimming" Value="CharacterEllipsis" />
+        <Setter Property="TextBlock.TextWrapping" Value="Wrap" />
+        <Setter Property="VerticalAlignment" Value="Center" />
+
+        <Setter Property="Template">
+            <ControlTemplate>
+                <TextBlock FontFamily="{DynamicResource SymbolThemeFontFamily}"
+                           FontSize="{TemplateBinding FontSize}"
+                           FontWeight="{TemplateBinding FontWeight}"
+                           Text="&#xE974;" />
+            </ControlTemplate>
+        </Setter>
+    </ControlTheme>
+
+    <ControlTheme x:Key="SimpleLargeBreadcrumbBarButton"
+                  BasedOn="{StaticResource ResourceKey={x:Type Button}}"
+                  TargetType="Button">
+        <Setter Property="FontFamily" Value="XamlAutoFontFamily" />
+        <Setter Property="FontSize" Value="24" />
+        <Setter Property="FontWeight" Value="SemiBold" />
+        <Setter Property="TextBlock.TextTrimming" Value="CharacterEllipsis" />
+        <Setter Property="TextBlock.TextWrapping" Value="Wrap" />
+        <Setter Property="Padding" Value="0" />
+        <Setter Property="Background" Value="Transparent" />
+        <Setter Property="BorderBrush" Value="Transparent" />
+        <Setter Property="BorderThickness" Value="0" />
+        <Setter Property="Foreground" Value="{DynamicResource ButtonForegroundPressed}" />
+
+        <Style Selector="^ /template/ ContentPresenter#PART_ContentPresenter">
+            <Setter Property="Transitions">
+                <Transitions />
+            </Setter>
+        </Style>
+
+        <Style Selector="^:pointerover /template/ ui|FABorder#Root">
+            <Setter Property="BorderBrush" Value="Transparent" />
+            <Setter Property="Background" Value="Transparent" />
+        </Style>
+        <Style Selector="^:pointerover /template/ ContentPresenter#PART_ContentPresenter">
+            <Setter Property="Foreground" Value="{DynamicResource ButtonForeground}" />
+        </Style>
+
+        <Style Selector="^:pressed /template/ ui|FABorder#Root">
+            <Setter Property="Background" Value="Transparent" />
+        </Style>
+        <Style Selector="^:pressed /template/ ContentPresenter#PART_ContentPresenter">
+            <Setter Property="Foreground" Value="{DynamicResource ButtonForeground}" />
+            <Setter Property="Opacity" Value="0.5" />
+        </Style>
+
+        <Style Selector="^:disabled /template/ ui|FABorder#Root">
+            <Setter Property="Background" Value="Transparent" />
+        </Style>
+    </ControlTheme>
+
+    <ControlTheme x:Key="SimpleLargeBreadcrumbBarTextBlock" TargetType="TextBlock">
+        <Setter Property="FontFamily" Value="{DynamicResource XamlAutoFontFamily}" />
+        <Setter Property="FontSize" Value="24" />
+        <Setter Property="FontWeight" Value="SemiBold" />
+        <Setter Property="TextBlock.TextTrimming" Value="CharacterEllipsis" />
+        <Setter Property="TextBlock.TextWrapping" Value="Wrap" />
+        <Setter Property="VerticalAlignment" Value="Center" />
+        <Setter Property="ClipToBounds" Value="False" />
+    </ControlTheme>
+</ResourceDictionary>
diff --git a/src/Beutl/Pages/ExtensionsPages/DevelopPages/PackageReleasesPage.axaml b/src/Beutl/Pages/ExtensionsPages/DevelopPages/PackageReleasesPage.axaml
index 1ae1a0c29..2d2104069 100644
--- a/src/Beutl/Pages/ExtensionsPages/DevelopPages/PackageReleasesPage.axaml
+++ b/src/Beutl/Pages/ExtensionsPages/DevelopPages/PackageReleasesPage.axaml
@@ -23,16 +23,12 @@
     </UserControl.KeyBindings>
 
     <Grid RowDefinitions="Auto,Auto,*">
-        <StackPanel Margin="10,8"
-                    Orientation="Horizontal"
-                    Spacing="16">
-            <Button Classes="breadcrumb"
-                    Click="NavigatePackageDetailsPage_Click"
-                    Content="{CompiledBinding Package.Name}" />
+        <StackPanel Margin="10,8" Classes="simple-breadcrumb-bar">
+            <Button Click="NavigatePackageDetailsPage_Click" Content="{CompiledBinding Package.Name}" />
 
-            <Label Classes="breadcrumb" />
+            <Separator />
 
-            <TextBlock Classes="breadcrumb" Text="{x:Static lang:ExtensionsPage.Package_Releases_Tip}" />
+            <TextBlock Text="{x:Static lang:ExtensionsPage.Package_Releases_Tip}" />
         </StackPanel>
 
         <ui:CommandBar Grid.Row="1"
diff --git a/src/Beutl/Pages/ExtensionsPages/DevelopPages/PackageSettingsPage.axaml b/src/Beutl/Pages/ExtensionsPages/DevelopPages/PackageSettingsPage.axaml
index 035e84129..90a7a255a 100644
--- a/src/Beutl/Pages/ExtensionsPages/DevelopPages/PackageSettingsPage.axaml
+++ b/src/Beutl/Pages/ExtensionsPages/DevelopPages/PackageSettingsPage.axaml
@@ -35,16 +35,12 @@
     </UserControl.Styles>
 
     <Grid RowDefinitions="Auto,*,Auto">
-        <StackPanel Margin="10,8"
-                    Orientation="Horizontal"
-                    Spacing="16">
-            <Button Classes="breadcrumb"
-                    Click="NavigatePackageDetailsPage_Click"
-                    Content="{CompiledBinding Package.Name}" />
+        <StackPanel Margin="10,8" Classes="simple-breadcrumb-bar">
+            <Button Click="NavigatePackageDetailsPage_Click" Content="{CompiledBinding Package.Name}" />
 
-            <Label Classes="breadcrumb" />
+            <Separator />
 
-            <TextBlock Classes="breadcrumb" Text="{x:Static lang:Strings.Settings}" />
+            <TextBlock Text="{x:Static lang:Strings.Settings}" />
         </StackPanel>
 
         <ScrollViewer Grid.Row="1" Margin="10,0">
diff --git a/src/Beutl/Pages/ExtensionsPages/DevelopPages/ReleasePage.axaml b/src/Beutl/Pages/ExtensionsPages/DevelopPages/ReleasePage.axaml
index c923d8211..dca174a5a 100644
--- a/src/Beutl/Pages/ExtensionsPages/DevelopPages/ReleasePage.axaml
+++ b/src/Beutl/Pages/ExtensionsPages/DevelopPages/ReleasePage.axaml
@@ -32,22 +32,16 @@
     </UserControl.Styles>
 
     <Grid RowDefinitions="Auto,*,Auto">
-        <StackPanel Margin="10,8"
-                    Orientation="Horizontal"
-                    Spacing="16">
-            <Button Classes="breadcrumb"
-                    Click="NavigatePackageDetailsPage_Click"
-                    Content="{CompiledBinding Release.Package.Name}" />
+        <StackPanel Margin="10,8" Classes="simple-breadcrumb-bar">
+            <Button Click="NavigatePackageDetailsPage_Click" Content="{CompiledBinding Release.Package.Name}" />
 
-            <Label Classes="breadcrumb" />
+            <Separator />
 
-            <Button Classes="breadcrumb"
-                    Click="NavigatePackageReleasesPage_Click"
-                    Content="{x:Static lang:ExtensionsPage.Package_Releases_Tip}" />
+            <Button Click="NavigatePackageReleasesPage_Click" Content="{x:Static lang:ExtensionsPage.Package_Releases_Tip}" />
 
-            <Label Classes="breadcrumb" />
+            <Separator />
 
-            <TextBlock Classes="breadcrumb" Text="{CompiledBinding Release.Version.Value}" />
+            <TextBlock Text="{CompiledBinding Release.Version.Value}" />
         </StackPanel>
 
 
diff --git a/src/Beutl/Pages/SettingsPages/AnExtensionSettingsPage.axaml b/src/Beutl/Pages/SettingsPages/AnExtensionSettingsPage.axaml
index 79fc8885d..14335a73c 100644
--- a/src/Beutl/Pages/SettingsPages/AnExtensionSettingsPage.axaml
+++ b/src/Beutl/Pages/SettingsPages/AnExtensionSettingsPage.axaml
@@ -16,16 +16,12 @@
              x:DataType="vm:AnExtensionSettingsPageViewModel"
              mc:Ignorable="d">
     <Grid Margin="18" RowDefinitions="Auto,*">
-        <StackPanel Margin="10,8"
-                    Orientation="Horizontal"
-                    Spacing="16">
-            <Button Classes="breadcrumb"
-                    Command="{Binding NavigateParent}"
-                    Content="{x:Static lang:Strings.Extensions}" />
+        <StackPanel Margin="10,8" Classes="simple-breadcrumb-bar">
+            <Button Command="{Binding NavigateParent}" Content="{x:Static lang:Strings.Extensions}" />
 
-            <Label Classes="breadcrumb" />
+            <Separator />
 
-            <TextBlock Classes="breadcrumb" Text="{Binding Extension.DisplayName}" />
+            <TextBlock Text="{Binding Extension.DisplayName}" />
         </StackPanel>
 
         <ScrollViewer Grid.Row="1" Margin="0,12,0,0">
diff --git a/src/Beutl/Pages/SettingsPages/DecoderPriorityPage.axaml b/src/Beutl/Pages/SettingsPages/DecoderPriorityPage.axaml
index 78736202e..fed34753d 100644
--- a/src/Beutl/Pages/SettingsPages/DecoderPriorityPage.axaml
+++ b/src/Beutl/Pages/SettingsPages/DecoderPriorityPage.axaml
@@ -15,16 +15,12 @@
              x:DataType="vm:DecoderPriorityPageViewModel"
              mc:Ignorable="d">
     <Grid Margin="18" RowDefinitions="Auto,*">
-        <StackPanel Margin="10,8"
-                    Orientation="Horizontal"
-                    Spacing="16">
-            <Button Classes="breadcrumb"
-                    Command="{Binding NavigateParent}"
-                    Content="{x:Static lang:Strings.Extensions}" />
+        <StackPanel Margin="10,8" Classes="simple-breadcrumb-bar">
+            <Button Command="{Binding NavigateParent}" Content="{x:Static lang:Strings.Extensions}" />
 
-            <Label Classes="breadcrumb" />
+            <Separator />
 
-            <TextBlock Classes="breadcrumb" Text="{x:Static lang:SettingsPage.DecoderPriority}" />
+            <TextBlock Text="{x:Static lang:SettingsPage.DecoderPriority}" />
         </StackPanel>
 
         <ScrollViewer Grid.Row="1">
diff --git a/src/Beutl/Pages/SettingsPages/EditorExtensionPriorityPage.axaml b/src/Beutl/Pages/SettingsPages/EditorExtensionPriorityPage.axaml
index ca0f5bf77..772fa0210 100644
--- a/src/Beutl/Pages/SettingsPages/EditorExtensionPriorityPage.axaml
+++ b/src/Beutl/Pages/SettingsPages/EditorExtensionPriorityPage.axaml
@@ -14,16 +14,12 @@
              x:DataType="vm:EditorExtensionPriorityPageViewModel"
              mc:Ignorable="d">
     <Grid Margin="18" RowDefinitions="Auto,*">
-        <StackPanel Margin="10,8"
-                    Orientation="Horizontal"
-                    Spacing="16">
-            <Button Classes="breadcrumb"
-                    Command="{Binding NavigateParent}"
-                    Content="{x:Static lang:Strings.Extensions}" />
+        <StackPanel Margin="10,8" Classes="simple-breadcrumb-bar">
+            <Button Command="{Binding NavigateParent}" Content="{x:Static lang:Strings.Extensions}" />
 
-            <Label Classes="breadcrumb" />
+            <Separator />
 
-            <TextBlock Classes="breadcrumb" Text="{x:Static lang:SettingsPage.Editor_Extension_Priority}" />
+            <TextBlock Text="{x:Static lang:SettingsPage.Editor_Extension_Priority}" />
         </StackPanel>
 
         <ScrollViewer Grid.Row="1">
diff --git a/src/Beutl/Pages/SettingsPages/EditorSettingsPage.axaml b/src/Beutl/Pages/SettingsPages/EditorSettingsPage.axaml
index 8b09bf06e..03a42f5fc 100644
--- a/src/Beutl/Pages/SettingsPages/EditorSettingsPage.axaml
+++ b/src/Beutl/Pages/SettingsPages/EditorSettingsPage.axaml
@@ -16,8 +16,8 @@
     <Grid Margin="18" RowDefinitions="Auto,*">
 
         <TextBlock Margin="10,8"
-                   Classes="breadcrumb"
-                   Text="{x:Static lang:Strings.Editor}" />
+                   Text="{x:Static lang:Strings.Editor}"
+                   Theme="{StaticResource SimpleLargeBreadcrumbBarTextBlock}" />
 
         <ScrollViewer Grid.Row="1">
             <StackPanel Margin="10,16,10,0"
diff --git a/src/Beutl/Pages/SettingsPages/ExtensionsSettingsPage.axaml b/src/Beutl/Pages/SettingsPages/ExtensionsSettingsPage.axaml
index f4218ac4a..d0db61896 100644
--- a/src/Beutl/Pages/SettingsPages/ExtensionsSettingsPage.axaml
+++ b/src/Beutl/Pages/SettingsPages/ExtensionsSettingsPage.axaml
@@ -20,8 +20,8 @@
     <Grid Margin="18" RowDefinitions="Auto,*">
 
         <TextBlock Margin="10,8"
-                   Classes="breadcrumb"
-                   Text="{x:Static lang:Strings.Extensions}" />
+                   Text="{x:Static lang:Strings.Extensions}"
+                   Theme="{StaticResource SimpleLargeBreadcrumbBarTextBlock}" />
 
         <ScrollViewer Grid.Row="1">
             <StackPanel Margin="10,16,10,0"
diff --git a/src/Beutl/Pages/SettingsPages/StorageDetailPage.axaml b/src/Beutl/Pages/SettingsPages/StorageDetailPage.axaml
index d5543a89a..31d32afa2 100644
--- a/src/Beutl/Pages/SettingsPages/StorageDetailPage.axaml
+++ b/src/Beutl/Pages/SettingsPages/StorageDetailPage.axaml
@@ -20,16 +20,12 @@
     <Panel>
 
         <Grid Margin="18" RowDefinitions="Auto,Auto,Auto">
-            <StackPanel Margin="10,8"
-                        Orientation="Horizontal"
-                        Spacing="16">
-                <Button Classes="breadcrumb"
-                        Command="{CompiledBinding NavigateParent}"
-                        Content="{x:Static lang:SettingsPage.Storage}" />
+            <StackPanel Margin="10,8" Classes="simple-breadcrumb-bar">
+                <Button Command="{CompiledBinding NavigateParent}" Content="{x:Static lang:SettingsPage.Storage}" />
 
-                <Label Classes="breadcrumb" />
+                <Separator />
 
-                <TextBlock Classes="breadcrumb" Text="{CompiledBinding TypeString}" />
+                <TextBlock Text="{CompiledBinding TypeString}" />
             </StackPanel>
 
             <ui:CommandBar Grid.Row="1" DefaultLabelPosition="Right">
diff --git a/src/Beutl/Pages/SettingsPages/TelemetrySettingsPage.axaml b/src/Beutl/Pages/SettingsPages/TelemetrySettingsPage.axaml
index 34e3614cf..93d175432 100644
--- a/src/Beutl/Pages/SettingsPages/TelemetrySettingsPage.axaml
+++ b/src/Beutl/Pages/SettingsPages/TelemetrySettingsPage.axaml
@@ -16,8 +16,8 @@
     <Grid Margin="18" RowDefinitions="Auto,*">
 
         <TextBlock Margin="10,8"
-                   Classes="breadcrumb"
-                   Text="{x:Static lang:SettingsPage.Telemetry}" />
+                   Text="{x:Static lang:SettingsPage.Telemetry}"
+                   Theme="{StaticResource SimpleLargeBreadcrumbBarTextBlock}" />
 
         <ScrollViewer Grid.Row="1">
             <StackPanel Margin="10,16,10,0"
diff --git a/src/Beutl/Pages/SettingsPages/ViewSettingsPage.axaml b/src/Beutl/Pages/SettingsPages/ViewSettingsPage.axaml
index ccec8c541..8b4fb88d0 100644
--- a/src/Beutl/Pages/SettingsPages/ViewSettingsPage.axaml
+++ b/src/Beutl/Pages/SettingsPages/ViewSettingsPage.axaml
@@ -16,8 +16,8 @@
     <Grid Margin="18" RowDefinitions="Auto,*">
 
         <TextBlock Margin="10,8"
-                   Classes="breadcrumb"
-                   Text="{x:Static lang:Strings.View}" />
+                   Text="{x:Static lang:Strings.View}"
+                   Theme="{StaticResource SimpleLargeBreadcrumbBarTextBlock}" />
 
         <ScrollViewer Grid.Row="1">
             <StackPanel Margin="10,16,10,0"