From b4ee19fe4de8f5e2909870b8afa600cba0ec138d Mon Sep 17 00:00:00 2001
From: bcssov <nxsovereign@gmail.com>
Date: Sun, 28 Jan 2024 05:03:42 +0100
Subject: [PATCH] Remove ripple animation from Material themes, fixes #484

---
 .../Themes/MaterialDark/ListBoxItem.axaml     | 72 +++++++++++++++++++
 .../Themes/MaterialDark/ThemeOverride.axaml   |  1 +
 .../Themes/MaterialLight/ListBoxItem.axaml    | 72 +++++++++++++++++++
 .../Themes/MaterialLight/ThemeOverride.axaml  |  1 +
 4 files changed, 146 insertions(+)
 create mode 100644 src/IronyModManager/Controls/Themes/MaterialDark/ListBoxItem.axaml
 create mode 100644 src/IronyModManager/Controls/Themes/MaterialLight/ListBoxItem.axaml

diff --git a/src/IronyModManager/Controls/Themes/MaterialDark/ListBoxItem.axaml b/src/IronyModManager/Controls/Themes/MaterialDark/ListBoxItem.axaml
new file mode 100644
index 00000000..2b6212ea
--- /dev/null
+++ b/src/IronyModManager/Controls/Themes/MaterialDark/ListBoxItem.axaml
@@ -0,0 +1,72 @@
+<Styles xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:converters="clr-namespace:Material.Styles.Converters;assembly=Material.Styles"
+        xmlns:animations="clr-namespace:Material.Styles.Additional.Animations;assembly=Material.Styles"
+        xmlns:ripple="clr-namespace:Material.Ripple;assembly=Material.Ripple;assembly=Material.Styles">
+
+    <Style Selector="ListBoxItem">
+        <Setter Property="Foreground" Value="{TemplateBinding Foreground}" />
+        <Setter Property="Background" Value="Transparent" />
+        <Setter Property="BorderThickness" Value="0" />
+        <Setter Property="Padding" Value="8" />
+        <Setter Property="Template">
+            <ControlTemplate>
+                <Border Background="{TemplateBinding Background}"
+                        BorderBrush="{TemplateBinding BorderBrush}"
+                        BorderThickness="{TemplateBinding BorderThickness}"
+                        Margin="{TemplateBinding Margin}"
+                        ClipToBounds="{TemplateBinding ClipToBounds}">
+                    <Grid>
+                        <Border Name="selectedBorder"
+                                Background="{TemplateBinding Foreground}"/>
+                        <Border Name="pointerOverBorder"
+                                Background="{TemplateBinding Foreground}"/>
+                        <!--<ripple:RippleEffect Name="Ripple"
+                                             RippleFill="{TemplateBinding Foreground}"
+                                             Focusable="False"
+                                             ContentTemplate="{TemplateBinding ContentTemplate}"
+                                             HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                             VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                                             Padding="{TemplateBinding Padding}">-->
+                        <ContentPresenter Name="PART_ContentPresenter"
+                                          Background="{TemplateBinding Background}"
+                                          BorderBrush="{TemplateBinding BorderBrush}"
+                                          BorderThickness="{TemplateBinding BorderThickness}"
+                                          ContentTemplate="{TemplateBinding ContentTemplate}"
+                                          Content="{TemplateBinding Content}"
+                                          Padding="{TemplateBinding Padding}"
+                                          VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                                          HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" />
+                        <!--</ripple:RippleEffect>-->
+                    </Grid>
+                </Border>
+            </ControlTemplate>
+        </Setter>
+    </Style>
+
+    <!-- Transitions -->
+    <Style Selector="ListBoxItem:not(.notransitions) /template/ Border#selectedBorder,
+                   ListBoxItem:not(.notransitions) /template/ Border#pointerOverBorder">
+        <Setter Property="Transitions">
+            <Transitions>
+                <DoubleTransition Duration="0:0:0.25" Property="Opacity" Easing="LinearEasing" />
+            </Transitions>
+        </Setter>
+    </Style>
+
+
+    <Style Selector="ListBoxItem:disabled">
+        <Setter Property="Opacity" Value="0.56" />
+    </Style>
+    <Style Selector="ListBoxItem:not(:disabled):pointerover /template/ Border#pointerOverBorder">
+        <Setter Property="Opacity" Value="0.06" />
+    </Style>
+    <Style Selector="ListBoxItem:selected /template/ Border#selectedBorder">
+        <Setter Property="Opacity" Value="0.12" />
+    </Style>
+    <Style
+      Selector="ListBoxItem:not(:pointerover) /template/ Border#pointerOverBorder,
+          ListBoxItem:not(:selected) /template/ Border#selectedBorder">
+        <Setter Property="Opacity" Value="0" />
+    </Style>
+</Styles>
\ No newline at end of file
diff --git a/src/IronyModManager/Controls/Themes/MaterialDark/ThemeOverride.axaml b/src/IronyModManager/Controls/Themes/MaterialDark/ThemeOverride.axaml
index 022b51c6..4df09bd4 100644
--- a/src/IronyModManager/Controls/Themes/MaterialDark/ThemeOverride.axaml
+++ b/src/IronyModManager/Controls/Themes/MaterialDark/ThemeOverride.axaml
@@ -24,6 +24,7 @@
     <StyleInclude Source="avares://IronyModManager/Controls/Themes/MaterialDark/IronyResizeBorder.axaml"/>
     <StyleInclude Source="avares://IronyModManager/Controls/Themes/MaterialDark/IronyClientSideDecorations.axaml"/>
     <StyleInclude Source="avares://IronyModManager/Controls/Themes/MaterialDark/Window.axaml"/>
+    <StyleInclude Source="avares://IronyModManager/Controls/Themes/MaterialDark/ListBoxItem.axaml"/>
 
     <!--Individual styles-->
     <Style Selector="NotificationCard">
diff --git a/src/IronyModManager/Controls/Themes/MaterialLight/ListBoxItem.axaml b/src/IronyModManager/Controls/Themes/MaterialLight/ListBoxItem.axaml
new file mode 100644
index 00000000..2b6212ea
--- /dev/null
+++ b/src/IronyModManager/Controls/Themes/MaterialLight/ListBoxItem.axaml
@@ -0,0 +1,72 @@
+<Styles xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:converters="clr-namespace:Material.Styles.Converters;assembly=Material.Styles"
+        xmlns:animations="clr-namespace:Material.Styles.Additional.Animations;assembly=Material.Styles"
+        xmlns:ripple="clr-namespace:Material.Ripple;assembly=Material.Ripple;assembly=Material.Styles">
+
+    <Style Selector="ListBoxItem">
+        <Setter Property="Foreground" Value="{TemplateBinding Foreground}" />
+        <Setter Property="Background" Value="Transparent" />
+        <Setter Property="BorderThickness" Value="0" />
+        <Setter Property="Padding" Value="8" />
+        <Setter Property="Template">
+            <ControlTemplate>
+                <Border Background="{TemplateBinding Background}"
+                        BorderBrush="{TemplateBinding BorderBrush}"
+                        BorderThickness="{TemplateBinding BorderThickness}"
+                        Margin="{TemplateBinding Margin}"
+                        ClipToBounds="{TemplateBinding ClipToBounds}">
+                    <Grid>
+                        <Border Name="selectedBorder"
+                                Background="{TemplateBinding Foreground}"/>
+                        <Border Name="pointerOverBorder"
+                                Background="{TemplateBinding Foreground}"/>
+                        <!--<ripple:RippleEffect Name="Ripple"
+                                             RippleFill="{TemplateBinding Foreground}"
+                                             Focusable="False"
+                                             ContentTemplate="{TemplateBinding ContentTemplate}"
+                                             HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                             VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                                             Padding="{TemplateBinding Padding}">-->
+                        <ContentPresenter Name="PART_ContentPresenter"
+                                          Background="{TemplateBinding Background}"
+                                          BorderBrush="{TemplateBinding BorderBrush}"
+                                          BorderThickness="{TemplateBinding BorderThickness}"
+                                          ContentTemplate="{TemplateBinding ContentTemplate}"
+                                          Content="{TemplateBinding Content}"
+                                          Padding="{TemplateBinding Padding}"
+                                          VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                                          HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" />
+                        <!--</ripple:RippleEffect>-->
+                    </Grid>
+                </Border>
+            </ControlTemplate>
+        </Setter>
+    </Style>
+
+    <!-- Transitions -->
+    <Style Selector="ListBoxItem:not(.notransitions) /template/ Border#selectedBorder,
+                   ListBoxItem:not(.notransitions) /template/ Border#pointerOverBorder">
+        <Setter Property="Transitions">
+            <Transitions>
+                <DoubleTransition Duration="0:0:0.25" Property="Opacity" Easing="LinearEasing" />
+            </Transitions>
+        </Setter>
+    </Style>
+
+
+    <Style Selector="ListBoxItem:disabled">
+        <Setter Property="Opacity" Value="0.56" />
+    </Style>
+    <Style Selector="ListBoxItem:not(:disabled):pointerover /template/ Border#pointerOverBorder">
+        <Setter Property="Opacity" Value="0.06" />
+    </Style>
+    <Style Selector="ListBoxItem:selected /template/ Border#selectedBorder">
+        <Setter Property="Opacity" Value="0.12" />
+    </Style>
+    <Style
+      Selector="ListBoxItem:not(:pointerover) /template/ Border#pointerOverBorder,
+          ListBoxItem:not(:selected) /template/ Border#selectedBorder">
+        <Setter Property="Opacity" Value="0" />
+    </Style>
+</Styles>
\ No newline at end of file
diff --git a/src/IronyModManager/Controls/Themes/MaterialLight/ThemeOverride.axaml b/src/IronyModManager/Controls/Themes/MaterialLight/ThemeOverride.axaml
index 26aace3a..2d8e711a 100644
--- a/src/IronyModManager/Controls/Themes/MaterialLight/ThemeOverride.axaml
+++ b/src/IronyModManager/Controls/Themes/MaterialLight/ThemeOverride.axaml
@@ -24,6 +24,7 @@
     <StyleInclude Source="avares://IronyModManager/Controls/Themes/MaterialLight/IronyResizeBorder.axaml"/>
     <StyleInclude Source="avares://IronyModManager/Controls/Themes/MaterialLight/IronyClientSideDecorations.axaml"/>
     <StyleInclude Source="avares://IronyModManager/Controls/Themes/MaterialLight/Window.axaml"/>
+    <StyleInclude Source="avares://IronyModManager/Controls/Themes/MaterialLight/ListBoxItem.axaml"/>
 
     <!--Individual styles-->
     <Style Selector="NotificationCard">