From 3525d5ecd4bbd7b14893d03cf8018570478a7dca Mon Sep 17 00:00:00 2001
From: Evan Husted <greem@greemdev.net>
Date: Tue, 31 Dec 2024 20:11:49 -0600
Subject: [PATCH] UI: clean up slider UI for shader translation delay

---
 .../UI/ViewModels/SettingsHacksViewModel.cs   |  4 +--
 .../UI/Views/Settings/SettingsHacksView.axaml | 36 +++++++++++--------
 2 files changed, 23 insertions(+), 17 deletions(-)

diff --git a/src/Ryujinx/UI/ViewModels/SettingsHacksViewModel.cs b/src/Ryujinx/UI/ViewModels/SettingsHacksViewModel.cs
index b93cdd6dc..4cfbc8957 100644
--- a/src/Ryujinx/UI/ViewModels/SettingsHacksViewModel.cs
+++ b/src/Ryujinx/UI/ViewModels/SettingsHacksViewModel.cs
@@ -40,7 +40,7 @@ namespace Ryujinx.Ava.UI.ViewModels
             }
         }
 
-        public string ShaderTranslationDelayTooltipText => $"Current value: {ShaderTranslationDelay}"; 
+        public string ShaderTranslationDelayValueText => $"{ShaderTranslationDelay}ms"; 
         
         public int ShaderTranslationDelay
         {
@@ -49,7 +49,7 @@ namespace Ryujinx.Ava.UI.ViewModels
             {
                 _shaderTranslationSleepDelay = value;
                 
-                OnPropertiesChanged(nameof(ShaderTranslationDelay), nameof(ShaderTranslationDelayTooltipText));
+                OnPropertiesChanged(nameof(ShaderTranslationDelay), nameof(ShaderTranslationDelayValueText));
             }
         }
         
diff --git a/src/Ryujinx/UI/Views/Settings/SettingsHacksView.axaml b/src/Ryujinx/UI/Views/Settings/SettingsHacksView.axaml
index 087112368..2ef0cc74f 100644
--- a/src/Ryujinx/UI/Views/Settings/SettingsHacksView.axaml
+++ b/src/Ryujinx/UI/Views/Settings/SettingsHacksView.axaml
@@ -54,21 +54,27 @@
                     <TextBlock VerticalAlignment="Center"
                                Text="Arbitrary Delay on Shader Translation"/>
                 </StackPanel>
-                <Slider IsVisible="{Binding DirtyHacks.ShaderTranslationDelayEnabled}"
-                        HorizontalAlignment="Center" 
-                        Value="{Binding DirtyHacks.ShaderTranslationDelay}"
-                        ToolTip.Tip="{Binding DirtyHacks.ShaderTranslationDelayTooltipText}"
-                        Width="175"
-                        Margin="0,-3,0,0"
-                        Height="32"
-                        Padding="0,-5"
-                        TickFrequency="1"
-                        IsSnapToTickEnabled="True"
-                        LargeChange="10"
-                        SmallChange="1"
-                        VerticalAlignment="Center"
-                        Minimum="1"
-                        Maximum="1000" />
+                <StackPanel
+                    IsVisible="{Binding DirtyHacks.ShaderTranslationDelayEnabled}"
+                    Margin="0,10,0,0"
+                    Orientation="Horizontal"
+                    HorizontalAlignment="Center">
+                    <Slider HorizontalAlignment="Center" 
+                            Value="{Binding DirtyHacks.ShaderTranslationDelay}"
+                            Width="175"
+                            Margin="0,-3,0,0"
+                            Height="32"
+                            Padding="0,-5"
+                            TickFrequency="1"
+                            IsSnapToTickEnabled="True"
+                            LargeChange="10"
+                            SmallChange="1"
+                            VerticalAlignment="Center"
+                            Minimum="1"
+                            Maximum="1000" />
+                    <TextBlock Margin="5,0"
+                               Text="{Binding DirtyHacks.ShaderTranslationDelayValueText}"/>
+                </StackPanel>
                 <Separator/>
             </StackPanel>
         </Border>