tweak design
MODIFY
WalletWasabi.Fluent.Desktop/Program.cs
WalletWasabi.Fluent.Desktop/Program.cs
@@ -217,7 +217,7 @@ namespace WalletWasabi.Fluent.Desktop
return result
.With(new Win32PlatformOptions { AllowEglInitialization = true, UseDeferredRendering = true, UseWindowsUIComposition = true })
- .With(new X11PlatformOptions { UseGpu = useGpuLinux, WmClass = "Wasabi Wallet" })
+ .With(new X11PlatformOptions { UseGpu = false, WmClass = "Wasabi Wallet" })
.With(new AvaloniaNativePlatformOptions { UseDeferredRendering = true, UseGpu = true })
.With(new MacOSPlatformOptions { ShowInDock = true });
}

MODIFY
WalletWasabi.Fluent/Controls/TagsBox.axaml
WalletWasabi.Fluent/Controls/TagsBox.axaml
<Setter Property="Cursor" Value="IBeam" />
<Setter Property="Template">
<ControlTemplate>
- <DataValidationErrors>
+ <!-- <DataValidationErrors> -->
<Border x:Name="PART_Border" Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
</ItemsPresenter.ItemsPanel>
</ItemsPresenter>
</Border>
- </DataValidationErrors>
+ <!-- </DataValidationErrors> -->
</ControlTemplate>
</Setter>
<Setter Property="(ScrollViewer.HorizontalScrollBarVisibility)" Value="Disabled" />
<Setter Property="BorderBrush" Value="{DynamicResource SystemControlErrorTextForegroundBrush}" />
</Style>
+ <Style Selector="c|TagsBox c|TagControl">
+ <Setter Property="Margin" Value="0,0,5,5" />
+ </Style>
+
<Style Selector="c|TagsBox AutoCompleteBox">
<Setter Property="Background" Value="{x:Null}" />
- <Setter Property="Padding" Value="3,0 " />
- <Setter Property="Margin" Value="0,7,0,0" />
+ <Setter Property="Padding" Value="0,0,3,0 " />
+ <Setter Property="Margin" Value="0,3,0,0" />
</Style>
<Style Selector="c|TagsBox AutoCompleteBox /template/ TextBox">

MODIFY
WalletWasabi.Fluent/Controls/TagsControl.axaml
WalletWasabi.Fluent/Controls/TagsControl.axaml
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:c="using:WalletWasabi.Fluent.Controls">
- <Style Selector="Button.TagDelete">
- <Setter Property="Background" Value="#FF6DB4EF" />
+ <Style Selector="Button#PART_DeleteButton">
+ <Setter Property="Background" Value="Transparent" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate>
- <Grid>
- <Ellipse Fill="{TemplateBinding Background}" />
- <Ellipse>
- <Ellipse.Fill>
- <RadialGradientBrush>
- <GradientStop Offset="0" Color="#00000000" />
- <GradientStop Offset="0.88" Color="#00000000" />
- <GradientStop Offset="1" Color="#80000000" />
- </RadialGradientBrush>
- </Ellipse.Fill>
- </Ellipse>
- <Ellipse Margin="10" x:Name="highlightCircle">
- <Ellipse.Fill>
- <LinearGradientBrush>
- <GradientStop Offset="0" Color="#50FFFFFF" />
- <GradientStop Offset="0.5" Color="#00FFFFFF" />
- <GradientStop Offset="1" Color="#50FFFFFF" />
- </LinearGradientBrush>
- </Ellipse.Fill>
- </Ellipse>
- <ContentPresenter x:Name="content" HorizontalAlignment="Center" VerticalAlignment="Center" />
- </Grid>
+ <PathIcon Data="{StaticResource dismiss_light}" />
</ControlTemplate>
</Setter.Value>
</Setter>
<ControlTemplate>
<Panel>
<Panel.Styles>
- <Style Selector="Panel#PART_TagPanel Panel#PART_DeleteTagPanel">
+ <Style Selector="Panel#PART_TagPanel LayoutTransformControl#PART_DeleteButtonLayoutTransformer">
+ <Setter Property="LayoutTransform" Value="scaleX(0)" />
+ </Style>
+ <Style
+ Selector="Panel#PART_TagPanel:pointerover LayoutTransformControl#PART_DeleteButtonLayoutTransformer">
+ <Setter Property="LayoutTransform" Value="scaleX(1)" />
+ </Style>
+ <Style Selector="Panel#PART_TagPanel Button#PART_DeleteButton">
<Setter Property="Opacity" Value="0" />
- <Setter Property="RenderTransform" Value="scale(0.8)" />
</Style>
- <Style Selector="Panel#PART_TagPanel:pointerover Panel#PART_DeleteTagPanel">
+ <Style Selector="Panel#PART_TagPanel:pointerover Button#PART_DeleteButton">
<Setter Property="Opacity" Value="1" />
- <Setter Property="RenderTransform" Value="scale(1)" />
</Style>
</Panel.Styles>
<Panel Name="PART_TagPanel">
Background="Transparent"
BorderBrush="{DynamicResource TagsBoxControlForeground}"
BorderThickness="1"
- CornerRadius="4"
- Margin="4"
- Opacity="0.4"
+ CornerRadius="2"
+ Opacity="0.25"
Height="{Binding #PART_DummyPanel.Bounds.Height}"
VerticalAlignment="Top" />
- <Panel Name="PART_DummyPanel"
+ <StackPanel Name="PART_DummyPanel" Orientation="Horizontal"
VerticalAlignment="Top">
<ContentPresenter Content="{Binding .}"
- VerticalAlignment="Center"
- Margin="10,8,10,0" />
- </Panel>
- <Panel
- Name="PART_DeleteTagPanel"
- Width="13"
- Height="13"
- VerticalAlignment="Top"
- HorizontalAlignment="Right">
- <Panel.Transitions>
+ VerticalAlignment="Center" Margin="12,6,12,6" />
+ <LayoutTransformControl Name="PART_DeleteButtonLayoutTransformer" Margin="-8,0,3,0">
+
+ <Button Name="PART_DeleteButton" VerticalAlignment="Center"
+ HorizontalAlignment="Center"
+ Width="12"
+ Height="12"
+ Margin="4">
+ <Button.Transitions>
<Transitions>
- <DoubleTransition Property="Opacity" Duration="0:0:0.175" />
- <TransformOperationsTransition Property="RenderTransform" Duration="0:0:.135"
- Easing="QuadraticEaseIn" />
+ <DoubleTransition Property="Opacity" Duration="0:0:0.135" Easing="{StaticResource FluentEasing}" />
</Transitions>
- </Panel.Transitions>
- <Button Classes="TagDelete" Name="PART_DeleteButton" />
- </Panel>
+ </Button.Transitions>
+ </Button>
+ <LayoutTransformControl.Transitions>
+ <Transitions>
+ <TransformOperationsTransition Property="LayoutTransform" Duration="0:0:.135"
+ Easing="{StaticResource FluentEasing}" />
+ </Transitions>
+ </LayoutTransformControl.Transitions>
+ </LayoutTransformControl>
+
+ </StackPanel>
</Panel>
</Panel>
</ControlTemplate>

MODIFY
WalletWasabi.Fluent/Icons/Icons.axaml
WalletWasabi.Fluent/Icons/Icons.axaml
<StreamGeometry x:Key="wallet_action_advanced">M4 6C4.93191 6 5.71496 6.63738 5.93699 7.49998L11.5 7.5C11.7761 7.5 12 7.72386 12 8C12 8.24546 11.8231 8.44961 11.5899 8.49194L11.5 8.5L5.93673 8.50102C5.71435 9.36312 4.93155 10 4 10C3.06845 10 2.28565 9.36312 2.06327 8.50102L0.5 8.5C0.223858 8.5 0 8.27614 0 8C0 7.75454 0.176875 7.55039 0.410124 7.50806L0.5 7.5L2.06301 7.49998C2.28504 6.63738 3.06809 6 4 6ZM4 7C3.44772 7 3 7.44772 3 8C3 8.55228 3.44772 9 4 9C4.55228 9 5 8.55228 5 8C5 7.44772 4.55228 7 4 7ZM8 0C8.93191 0 9.71496 0.637377 9.93699 1.49998L11.5 1.5C11.7761 1.5 12 1.72386 12 2C12 2.24546 11.8231 2.44961 11.5899 2.49194L11.5 2.5L9.93673 2.50102C9.71435 3.36312 8.93155 4 8 4C7.06845 4 6.28565 3.36312 6.06327 2.50102L0.5 2.5C0.223858 2.5 0 2.27614 0 2C0 1.75454 0.176875 1.55039 0.410124 1.50806L0.5 1.5L6.06301 1.49998C6.28504 0.637377 7.06809 0 8 0ZM8 1C7.44772 1 7 1.44772 7 2C7 2.55228 7.44772 3 8 3C8.55228 3 9 2.55228 9 2C9 1.44772 8.55228 1 8 1Z</StreamGeometry>
<StreamGeometry x:Key="dismiss_regular">M3.52499419,3.71761187 L3.61611652,3.61611652 C4.0717282,3.16050485 4.79154862,3.13013074 5.28238813,3.52499419 L5.38388348,3.61611652 L14,12.233 L22.6161165,3.61611652 C23.1042719,3.12796116 23.8957281,3.12796116 24.3838835,3.61611652 C24.8720388,4.10427189 24.8720388,4.89572811 24.3838835,5.38388348 L15.767,14 L24.3838835,22.6161165 C24.8394952,23.0717282 24.8698693,23.7915486 24.4750058,24.2823881 L24.3838835,24.3838835 C23.9282718,24.8394952 23.2084514,24.8698693 22.7176119,24.4750058 L22.6161165,24.3838835 L14,15.767 L5.38388348,24.3838835 C4.89572811,24.8720388 4.10427189,24.8720388 3.61611652,24.3838835 C3.12796116,23.8957281 3.12796116,23.1042719 3.61611652,22.6161165 L12.233,14 L3.61611652,5.38388348 C3.16050485,4.9282718 3.13013074,4.20845138 3.52499419,3.71761187 L3.61611652,3.61611652 L3.52499419,3.71761187 Z</StreamGeometry>
<StreamGeometry x:Key="search_info_regular">M10 9C10.4142 9 10.75 9.33579 10.75 9.75V13.25C10.75 13.6642 10.4142 14 10 14C9.58579 14 9.25 13.6642 9.25 13.25V9.75C9.25 9.33579 9.58579 9 10 9Z M10 8C10.5523 8 11 7.55228 11 7C11 6.44772 10.5523 6 10 6C9.44772 6 9 6.44772 9 7C9 7.55228 9.44772 8 10 8Z M10 2.75C14.0041 2.75 17.25 5.99594 17.25 10C17.25 11.7319 16.6427 13.3219 15.6295 14.5688L20.5303 19.4697C20.8232 19.7626 20.8232 20.2374 20.5303 20.5303C20.2641 20.7966 19.8474 20.8208 19.5538 20.6029L19.4697 20.5303L14.5688 15.6295C13.3219 16.6427 11.7319 17.25 10 17.25C5.99594 17.25 2.75 14.0041 2.75 10C2.75 5.99594 5.99594 2.75 10 2.75ZM10 4.25C6.82436 4.25 4.25 6.82436 4.25 10C4.25 13.1756 6.82436 15.75 10 15.75C13.1756 15.75 15.75 13.1756 15.75 10C15.75 6.82436 13.1756 4.25 10 4.25Z</StreamGeometry>
+ <StreamGeometry x:Key="dismiss_light">M2.08859 2.21569L2.14645 2.14645C2.32001 1.97288 2.58944 1.9536 2.78431 2.08859L2.85355 2.14645L6 5.293L9.14645 2.14645C9.34171 1.95118 9.65829 1.95118 9.85355 2.14645C10.0488 2.34171 10.0488 2.65829 9.85355 2.85355L6.707 6L9.85355 9.14645C10.0271 9.32001 10.0464 9.58944 9.91141 9.78431L9.85355 9.85355C9.67999 10.0271 9.41056 10.0464 9.21569 9.91141L9.14645 9.85355L6 6.707L2.85355 9.85355C2.65829 10.0488 2.34171 10.0488 2.14645 9.85355C1.95118 9.65829 1.95118 9.34171 2.14645 9.14645L5.293 6L2.14645 2.85355C1.97288 2.67999 1.9536 2.41056 2.08859 2.21569L2.14645 2.14645L2.08859 2.21569Z</StreamGeometry>
<DrawingGroup x:Key="placeholder_graphics_legal">
<GeometryDrawing Brush="#FFEF261A"

tweak design