Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
85 changes: 82 additions & 3 deletions App.xaml
Original file line number Diff line number Diff line change
Expand Up @@ -444,13 +444,92 @@
</Style>

<Style x:Key="ModernComboBox" TargetType="ComboBox">
<Setter Property="BorderBrush" Value="{StaticResource Line}"/>
<Setter Property="Foreground" Value="#344054"/>
<Setter Property="BorderBrush" Value="#C9D6E8"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="Padding" Value="10,7"/>
<Setter Property="Background" Value="White"/>
<Setter Property="Padding" Value="10,6"/>
<Setter Property="Background" Value="#FBFDFF"/>
<Setter Property="MinHeight" Value="38"/>
<Setter Property="IsTextSearchEnabled" Value="True"/>
<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
<Setter Property="ItemContainerStyle">
<Setter.Value>
<Style TargetType="ComboBoxItem">
<Setter Property="Padding" Value="10,7"/>
<Setter Property="Margin" Value="2"/>
<Setter Property="Foreground" Value="#344054"/>
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ComboBoxItem">
<Border x:Name="ItemChrome" Background="Transparent" CornerRadius="8" Padding="{TemplateBinding Padding}">
<ContentPresenter VerticalAlignment="Center"/>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsHighlighted" Value="True">
<Setter TargetName="ItemChrome" Property="Background" Value="#EEF4FF"/>
</Trigger>
<Trigger Property="IsSelected" Value="True">
<Setter TargetName="ItemChrome" Property="Background" Value="#E3ECFF"/>
<Setter Property="FontWeight" Value="SemiBold"/>
<Setter Property="Foreground" Value="#315DBF"/>
</Trigger>
<Trigger Property="IsEnabled" Value="False"><Setter Property="Opacity" Value="0.45"/></Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ComboBox">
<Grid SnapsToDevicePixels="True">
<Border x:Name="Chrome" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="11">
<Grid>
<ContentPresenter Margin="10,0,38,0"
VerticalAlignment="Center" HorizontalAlignment="Left"
Content="{TemplateBinding SelectionBoxItem}"
ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
TextElement.Foreground="{TemplateBinding Foreground}"/>
<Border Width="28" HorizontalAlignment="Right" Background="Transparent" IsHitTestVisible="False">
<Path Data="M 2 4 L 6 8 L 10 4" Stroke="#607089" StrokeThickness="1.7"
StrokeStartLineCap="Round" StrokeEndLineCap="Round" Stretch="None"
HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Border>
</Grid>
</Border>
<ToggleButton Background="Transparent" BorderThickness="0" Focusable="False" Cursor="Hand"
IsChecked="{Binding IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"/>
<Popup x:Name="PART_Popup" IsOpen="{TemplateBinding IsDropDownOpen}" Placement="Bottom"
AllowsTransparency="True" Focusable="False" PopupAnimation="Fade">
<Border x:Name="PopupChrome" MinWidth="{Binding ActualWidth, ElementName=Chrome}" MaxHeight="{TemplateBinding MaxDropDownHeight}"
Background="#FFFFFF" BorderBrush="#C7D5E8" BorderThickness="1" CornerRadius="12" Padding="4" Margin="0,5,0,0">
<Border.Effect><DropShadowEffect BlurRadius="18" ShadowDepth="5" Opacity="0.16" Color="#24364F"/></Border.Effect>
<ScrollViewer CanContentScroll="True" VerticalScrollBarVisibility="Auto">
<ItemsPresenter/>
</ScrollViewer>
</Border>
</Popup>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True"><Setter TargetName="Chrome" Property="BorderBrush" Value="#9EB6D8"/></Trigger>
<Trigger Property="IsKeyboardFocusWithin" Value="True">
<Setter TargetName="Chrome" Property="BorderBrush" Value="{StaticResource Accent}"/>
<Setter TargetName="Chrome" Property="BorderThickness" Value="1.5"/>
</Trigger>
<Trigger Property="IsDropDownOpen" Value="True">
<Setter TargetName="Chrome" Property="Background" Value="#F7FAFF"/>
<Setter TargetName="Chrome" Property="BorderBrush" Value="#7FA5E4"/>
</Trigger>
<Trigger Property="IsEnabled" Value="False"><Setter Property="Opacity" Value="0.48"/></Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>


Expand Down
Loading
Loading