Adding back Fluent.Ribbon.Styles.GroupBoxSeparator

Author: batzen

Fluent.Ribbon.Showcase/TestContent.xaml

@@ -2063,11 +2063,16 @@
                     <Fluent:TextBox Header="My short header" />
                     <Fluent:Spinner Header="My long long header" />
 
+                    <Separator Style="{DynamicResource Fluent.Ribbon.Styles.GroupBoxSeparator}" />
+
                     <Fluent:ComboBox Header="Excluded from size sharing"
                                      Fluent:RibbonGroupBoxWrapPanel.ExcludeFromSharedSize="True" />
                     <Fluent:Spinner Header="My short header" />
                     <Fluent:ComboBox Header="My long long header" />
 
+                    <Separator Style="{DynamicResource Fluent.Ribbon.Styles.GroupBoxSeparator}"
+                               Visibility="{Binding IsChecked, ElementName=ShowDetailButton, Converter={StaticResource Fluent.Ribbon.Converters.BoolToVisibilityConverter}}" />
+
                     <Fluent:ComboBox Header="Test"
                                      Fluent:InputControlProperties.InputWidth="120"
                                      Visibility="{Binding IsChecked, ElementName=ShowDetailButton, Converter={StaticResource Fluent.Ribbon.Converters.BoolToVisibilityConverter}}">
@@ -2084,6 +2089,9 @@
                     <Fluent:ComboBox Header="Test"
                                      Fluent:InputControlProperties.InputWidth="120" />
 
+                    <Separator Style="{DynamicResource Fluent.Ribbon.Styles.GroupBoxSeparator}"
+                               Visibility="{Binding IsChecked, ElementName=ShowDetailButton, Converter={StaticResource Fluent.Ribbon.Converters.BoolToVisibilityConverter}}" />
+
                     <Fluent:ComboBox Header="Test"
                                      Fluent:InputControlProperties.InputWidth="120"
                                      Visibility="{Binding IsChecked, ElementName=ShowDetailButton, Converter={StaticResource Fluent.Ribbon.Converters.BoolToVisibilityConverter}}" />
@@ -2093,6 +2101,9 @@
                     <Fluent:ComboBox Header="Test"
                                      Fluent:InputControlProperties.InputWidth="120" />
 
+                    <Separator Style="{DynamicResource Fluent.Ribbon.Styles.GroupBoxSeparator}"
+                               Visibility="{Binding IsChecked, ElementName=ShowDetailButton, Converter={StaticResource Fluent.Ribbon.Converters.BoolToVisibilityConverter}}" />
+
                     <Fluent:ComboBox Header="Test"
                                      Fluent:InputControlProperties.InputWidth="120"
                                      Visibility="{Binding IsChecked, ElementName=ShowDetailButton, Converter={StaticResource Fluent.Ribbon.Converters.BoolToVisibilityConverter}}" />
@@ -2102,6 +2113,9 @@
                     <Fluent:ComboBox Header="Test"
                                      Fluent:InputControlProperties.InputWidth="120" />
 
+                    <Separator Style="{DynamicResource Fluent.Ribbon.Styles.GroupBoxSeparator}"
+                               Visibility="{Binding IsChecked, ElementName=ShowDetailButton, Converter={StaticResource Fluent.Ribbon.Converters.BoolToVisibilityConverter}}" />
+
                     <Fluent:ComboBox Header="Test"
                                      Fluent:InputControlProperties.InputWidth="120"
                                      Visibility="{Binding IsChecked, ElementName=ShowDetailButton, Converter={StaticResource Fluent.Ribbon.Converters.BoolToVisibilityConverter}}" />
@@ -3313,7 +3327,7 @@
 
                                         <StackPanel Orientation="Horizontal">
                                             <Label>
-                                                WindowBackDropType
+                                                BackDropType
                                             </Label>
                                             <ComboBox VerticalAlignment="Center"
                                                       ItemsSource="{Binding Source={StaticResource WindowBackdropTypeEnumValues}}"

Fluent.Ribbon/Themes/Controls/RibbonGroupBox.xaml

@@ -6,6 +6,29 @@
                     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                     xmlns:templateSelectors="clr-namespace:Fluent.TemplateSelectors"
                     mc:Ignorable="d">
+    <Style x:Key="Fluent.Ribbon.Styles.GroupBoxSeparator"
+           TargetType="Separator">
+        <Setter Property="Background" Value="{DynamicResource Fluent.Ribbon.Brushes.Separator.Background}" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="Separator">
+                    <Border x:Name="SeparatorBorder"
+                            Width="1"
+                            Height="55"
+                            Margin="2 5 2 10"
+                            HorizontalAlignment="Center"
+                            VerticalAlignment="Center"
+                            Background="{TemplateBinding Background}" />
+                    <ControlTemplate.Triggers>
+                        <DataTrigger Binding="{Binding IsSimplified, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Fluent:RibbonGroupBox}}, FallbackValue=False}" Value="True">
+                            <Setter TargetName="SeparatorBorder" Property="Height" Value="Auto" />
+                        </DataTrigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
     <DataTemplate x:Key="Fluent.Ribbon.DataTemplates.RibbonGroupBox.OneLineHeader">
         <TextBlock HorizontalAlignment="Stretch"
                    VerticalAlignment="Center"