glass effect search panel.
MODIFY
WalletWasabi.Fluent/Styles/FlyoutPresenter.axaml
WalletWasabi.Fluent/Styles/FlyoutPresenter.axaml
<Styles xmlns="https://github.com/avaloniaui"
- xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+ xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+ xmlns:controls="clr-namespace:WalletWasabi.Fluent.Controls">
<Design.PreviewWith>
<Border Padding="20">
<!-- Add Controls for Previewer Here -->
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
<Setter Property="VerticalContentAlignment" Value="Stretch" />
<Setter Property="BorderBrush" Value="{DynamicResource TileBorderColor}" />
- <Setter Property="BorderThickness" Value="1 0 1 1" />
+ <Setter Property="BorderThickness" Value="1 1 1 1" />
<Setter Property="Padding" Value="{DynamicResource FlyoutContentThemePadding}" />
<Setter Property="MinWidth" Value="{DynamicResource FlyoutThemeMinWidth}" />
<Setter Property="MaxWidth" Value="{DynamicResource FlyoutThemeMaxWidth}" />
<Setter Property="MaxHeight" Value="{DynamicResource FlyoutThemeMaxHeight}" />
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto" />
<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto" />
- <Setter Property="CornerRadius" Value="0 0 8 8" />
+ <Setter Property="CornerRadius" Value="8 8 8 8" />
<Setter Property="Template">
<ControlTemplate>
- <Border Name="LayoutRoot"
- Background="{TemplateBinding Background}"
+ <Panel MaxHeight="500">
+ <Border Name="LayoutRoot" Margin="3 20 3 0"
+ Classes.IsActive="{Binding IsActive, FallbackValue=false}"
+ TextBlock.FontFamily="{StaticResource MonospacedFont}"
+ BoxShadow="0 0 5 0 #7F000000"
+ Background="Transparent"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
Padding="{DynamicResource FlyoutBorderThemePadding}"
CornerRadius="{TemplateBinding CornerRadius}" ClipToBounds="True">
- <Panel MaxHeight="500">
- <ExperimentalAcrylicBorder IsHitTestVisible="False" CornerRadius="{TemplateBinding CornerRadius}">
- <ExperimentalAcrylicBorder.Material>
- <ExperimentalAcrylicMaterial BackgroundSource="Digger"
- TintColor="{DynamicResource AcrylicTrimBackground}"
- TintOpacity="1"
- FallbackColor="{DynamicResource AcrylicTrimBackground}"
- MaterialOpacity="0.9" />
- </ExperimentalAcrylicBorder.Material>
- </ExperimentalAcrylicBorder>
+ <Border ClipToBounds="True" CornerRadius="{TemplateBinding CornerRadius}">
+ <Panel>
+ <controls:BlurBehind BlurRadius="10,10" />
+ <Panel Background="{DynamicResource AcrylicTrimBackground}" Opacity="0.5" />
- <ScrollViewer HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
+ <ScrollViewer Margin="{TemplateBinding Padding}"
+ HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}">
<ContentPresenter Content="{TemplateBinding Content}"
ContentTemplate="{TemplateBinding ContentTemplate}"
- Margin="{TemplateBinding Padding}"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
HorizontalContentAlignment="Stretch"
</ScrollViewer>
</Panel>
</Border>
+ </Border>
+ </Panel>
</ControlTemplate>
</Setter>
</Style>

glass effect search panel.