fix app version overlapping and add auto scroll bar#26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
PalmarHealer merged 1 commit into from
Mar 20, 2026
Merged

fix app version overlapping and add auto scroll bar #26

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
279 changes: 141 additions & 138 deletions ControlPad/UI Elements/SettingsUserControl.xaml
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -8,143 +8,145 @@
mc:Ignorable="d"
Width="579" Height="550"
>

<Border Padding="16">
<StackPanel>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<ScrollViewer VerticalScrollBarVisibility="Auto">
<StackPanel>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>


<ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
<Label Content="Adjust how the app behaves and looks."
<ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
<Label Content="Adjust how the app behaves and looks."
Padding="0"
Margin="0,35,0,15"
Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>

<!-- Start with Windows -->
<Grid Margin="0,8,0,8" Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<!-- Start with Windows -->
<Grid Margin="0,8,0,8" Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start with Windows"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start with Windows"
Padding="0"
Target="{Binding ElementName=cb_StartWithWindows}"/>
<Label Content="Launch the app automatically after you sign in."
<Label Content="Launch the app automatically after you sign in."
Padding="0"
Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</StackPanel>
</StackPanel>

<CheckBox x:Name="cb_StartWithWindows"
<CheckBox x:Name="cb_StartWithWindows"
Checked="cb_StartWithWindows_Checked"
Unchecked="cb_StartWithWindows_Checked"
Grid.Column="1"
VerticalAlignment="Center"/>
</Grid>
</Grid>

<!-- Start minimized -->
<Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<!-- Start minimized -->
<Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start minimized"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start minimized"
Padding="0"
Target="{Binding ElementName=cb_StartMinimized}"/>
<Label Content="Launch the app in the background."
<Label Content="Launch the app in the background."
Padding="0"
Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</StackPanel>
</StackPanel>

<CheckBox x:Name="cb_StartMinimized"
<CheckBox x:Name="cb_StartMinimized"
IsChecked="True"
Checked="cb_StartMinimized_Checked"
Unchecked="cb_StartMinimized_Checked"
Grid.Column="1"
VerticalAlignment="Center" />
</Grid>
</Grid>

<!-- Minimize to System Tray -->
<Grid Margin="0,8,0,8" Grid.Row="3">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<!-- Minimize to System Tray -->
<Grid Margin="0,8,0,8" Grid.Row="3">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Mi_nimize to system tray"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Mi_nimize to system tray"
Padding="0"
Target="{Binding ElementName=cb_MinimizeToTray}"/>
<Label Content="When closing, keep the app running in the system tray."
<Label Content="When closing, keep the app running in the system tray."
Padding="0"
Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</StackPanel>
</StackPanel>

<CheckBox x:Name="cb_MinimizeToTray"
<CheckBox x:Name="cb_MinimizeToTray"
Grid.Column="1"
IsChecked="True"
VerticalAlignment="Center"
Checked="cb_MinimizeToTray_Checked"
Unchecked="cb_MinimizeToTray_Checked"/>
</Grid>
</Grid>

<!-- Unmute on slider change -->
<Grid Margin="0,8,0,8" Grid.Row="4">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<!-- Unmute on slider change -->
<Grid Margin="0,8,0,8" Grid.Row="4">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Unmute on slider change"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Unmute on slider change"
Padding="0"
Target="{Binding ElementName=cb_UnmuteOnSliderChange}"/>
<Label Content="Automatically unmute a process when its slider is moved."
<Label Content="Automatically unmute a process when its slider is moved."
Padding="0"
Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</StackPanel>
</StackPanel>

<CheckBox x:Name="cb_UnmuteOnSliderChange"
<CheckBox x:Name="cb_UnmuteOnSliderChange"
Grid.Column="1"
IsChecked="True"
VerticalAlignment="Center"
Checked="cb_UnmuteOnSliderChange_Checked"
Unchecked="cb_UnmuteOnSliderChange_Checked"/>
</Grid>
</Grid>

<!-- Translation Exponent -->
<Grid Margin="0,8,0,0" Grid.Row="5">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<!-- Translation Exponent -->
<Grid Margin="0,8,0,0" Grid.Row="5">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Translation _exponent"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Translation _exponent"
Padding="0"
Target="{Binding ElementName=ThemeComboBox}"/>
<Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
<Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
Padding="0"
Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</StackPanel>
</StackPanel>

<ui:NumberBox x:Name="nb_TranslationExponent"
<ui:NumberBox x:Name="nb_TranslationExponent"
PlaceholderText="1.0"
Grid.ColumnSpan="2"
Margin="367,0,0,0"
Expand All@@ -153,106 +155,107 @@
Minimum="0.1"
ValidationMode="InvalidInputOverwritten" ValueChanged="nb_TranslationExponent_ValueChanged"
/>
</Grid>
</Grid>

<!-- App Theme -->
<Grid Margin="0,8,0,0" Grid.Row="6">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<!-- App Theme -->
<Grid Margin="0,8,0,0" Grid.Row="6">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _theme"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _theme"
Padding="0"
Target="{Binding ElementName=ThemeComboBox}"/>
<Label Content="Choose how the app looks.&#x0a;"
<Label Content="Choose how the app looks.&#x0a;"
Padding="0"
Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</StackPanel>
</StackPanel>

<ComboBox x:Name="ThemeComboBox"
<ComboBox x:Name="ThemeComboBox"
Grid.Column="1"
MinWidth="180"
SelectedIndex="0"
VerticalAlignment="Center" SelectionChanged="ThemeComboBox_SelectionChanged">
<ComboBoxItem Content="System (Default)"/>
<ComboBoxItem Content="Light"/>
<ComboBoxItem Content="Dark"/>
</ComboBox>
</Grid>
<ComboBoxItem Content="System (Default)"/>
<ComboBoxItem Content="Light"/>
<ComboBoxItem Content="Dark"/>
</ComboBox>
</Grid>

<!-- App Background -->
<Grid Margin="0,8,0,0" Grid.Row="7">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<!-- App Background -->
<Grid Margin="0,8,0,0" Grid.Row="7">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _background"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _background"
Padding="0"
Target="{Binding ElementName=ThemeComboBox}"/>
<Label Content="Choose how the app background looks.&#x0a;"
<Label Content="Choose how the app background looks.&#x0a;"
Padding="0"
Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</StackPanel>
</StackPanel>

<ComboBox x:Name="BackgroundComboBox"
<ComboBox x:Name="BackgroundComboBox"
Grid.Column="1"
MinWidth="180"
SelectedIndex="3"
VerticalAlignment="Center" SelectionChanged="BackgroundComboBox_SelectionChanged"
>
<ComboBoxItem Content="None"/>
<ComboBoxItem Content="Acrylic"/>
<ComboBoxItem Content="Mica"/>
<ComboBoxItem Content="Nebula"/>
<ComboBoxItem Content="Auto"/>
</ComboBox>
</Grid>
<ComboBoxItem Content="None"/>
<ComboBoxItem Content="Acrylic"/>
<ComboBoxItem Content="Mica"/>
<ComboBoxItem Content="Nebula"/>
<ComboBoxItem Content="Auto"/>
</ComboBox>
</Grid>

<!-- Presets -->
<Grid Margin="0,8,0,0" Grid.Row="8">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<!-- Presets -->
<Grid Margin="0,8,0,0" Grid.Row="8">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Presets"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Presets"
Padding="0"
Target="{Binding ElementName=ThemeComboBox}"/>
<Label Content="Create and load presets."
<Label Content="Create and load presets."
Padding="0"
Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</StackPanel>
</StackPanel>

<ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
</Grid>
<ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
</Grid>

<!-- App Version -->
<Grid Margin="0,8,0,0" Grid.Row="8">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<!-- App Version -->
<Grid Margin="0,8,0,0" Grid.Row="9">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App version"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App version"
Padding="0"/>
<Label Content="Current version of the app."
<Label Content="Current version of the app."
Padding="0"
Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</StackPanel>
</StackPanel>

<Label x:Name="lbl_AppVersion"
<Label x:Name="lbl_AppVersion"
Content=""
Grid.Column="1"
VerticalAlignment="Center"/>
</Grid>
</Grid>

</Grid>
</StackPanel>
</Grid>
</StackPanel>
</ScrollViewer>
</Border>
</UserControl>
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
fix app version overlapping and add auto scroll bar#26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

PalmarHealer
merged 1 commit into

from

Mar 20, 2026
 Merged


fix app version overlapping and add auto scroll bar
#26
 Changes from all commits
Commits

Show all changes


1 commit


Select commit


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


279 changes: 141 additions & 138 deletions
ControlPad/UI Elements/SettingsUserControl.xaml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,143 +8,145 @@
 mc:Ignorable="d" 
 Width="579" Height="550"
 >

 <Border Padding="16">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>
 <ScrollViewer VerticalScrollBarVisibility="Auto">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>


 <ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
 <Label Content="Adjust how the app behaves and looks."
<ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
<Label Content="Adjust how the app behaves and looks."
 Padding="0"
 Margin="0,35,0,15"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>

 <!-- Start with Windows -->
 <Grid Margin="0,8,0,8" Grid.Row="1">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start with Windows -->
<Grid Margin="0,8,0,8" Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start with Windows"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start with Windows"
 Padding="0"
 Target="{Binding ElementName=cb_StartWithWindows}"/>
 <Label Content="Launch the app automatically after you sign in."
<Label Content="Launch the app automatically after you sign in."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartWithWindows"
<CheckBox x:Name="cb_StartWithWindows"
 Checked="cb_StartWithWindows_Checked" 
 Unchecked="cb_StartWithWindows_Checked"
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 <!-- Start minimized -->
 <Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start minimized -->
<Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start minimized"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start minimized"
 Padding="0"
 Target="{Binding ElementName=cb_StartMinimized}"/>
 <Label Content="Launch the app in the background."
<Label Content="Launch the app in the background."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartMinimized"
<CheckBox x:Name="cb_StartMinimized"
 IsChecked="True"
 Checked="cb_StartMinimized_Checked"
 Unchecked="cb_StartMinimized_Checked"
 Grid.Column="1"
 VerticalAlignment="Center" />
 </Grid>
</Grid>

 <!-- Minimize to System Tray -->
 <Grid Margin="0,8,0,8" Grid.Row="3">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Minimize to System Tray -->
<Grid Margin="0,8,0,8" Grid.Row="3">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Mi_nimize to system tray"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Mi_nimize to system tray"
 Padding="0"
 Target="{Binding ElementName=cb_MinimizeToTray}"/>
 <Label Content="When closing, keep the app running in the system tray."
<Label Content="When closing, keep the app running in the system tray."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_MinimizeToTray"
<CheckBox x:Name="cb_MinimizeToTray"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center" 
 Checked="cb_MinimizeToTray_Checked" 
 Unchecked="cb_MinimizeToTray_Checked"/>
 </Grid>
</Grid>

 <!-- Unmute on slider change -->
 <Grid Margin="0,8,0,8" Grid.Row="4">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Unmute on slider change -->
<Grid Margin="0,8,0,8" Grid.Row="4">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Unmute on slider change"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Unmute on slider change"
 Padding="0"
 Target="{Binding ElementName=cb_UnmuteOnSliderChange}"/>
 <Label Content="Automatically unmute a process when its slider is moved."
<Label Content="Automatically unmute a process when its slider is moved."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_UnmuteOnSliderChange"
<CheckBox x:Name="cb_UnmuteOnSliderChange"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center"
 Checked="cb_UnmuteOnSliderChange_Checked"
 Unchecked="cb_UnmuteOnSliderChange_Checked"/>
 </Grid>
</Grid>

 <!-- Translation Exponent -->
 <Grid Margin="0,8,0,0" Grid.Row="5">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Translation Exponent -->
<Grid Margin="0,8,0,0" Grid.Row="5">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Translation _exponent"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Translation _exponent"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
<Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:NumberBox x:Name="nb_TranslationExponent"
<ui:NumberBox x:Name="nb_TranslationExponent"
 PlaceholderText="1.0" 
 Grid.ColumnSpan="2" 
 Margin="367,0,0,0" 
Expand All@@ -153,106 +155,107 @@
 Minimum="0.1"
 ValidationMode="InvalidInputOverwritten" ValueChanged="nb_TranslationExponent_ValueChanged"
 />
 </Grid>
</Grid>

 <!-- App Theme -->
 <Grid Margin="0,8,0,0" Grid.Row="6">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Theme -->
<Grid Margin="0,8,0,0" Grid.Row="6">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _theme"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _theme"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app looks.&#x0a;"
<Label Content="Choose how the app looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="ThemeComboBox"
<ComboBox x:Name="ThemeComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="0"
 VerticalAlignment="Center" SelectionChanged="ThemeComboBox_SelectionChanged">
 <ComboBoxItem Content="System (Default)"/>
 <ComboBoxItem Content="Light"/>
 <ComboBoxItem Content="Dark"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="System (Default)"/>
<ComboBoxItem Content="Light"/>
<ComboBoxItem Content="Dark"/>
</ComboBox>
</Grid>

 <!-- App Background -->
 <Grid Margin="0,8,0,0" Grid.Row="7">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Background -->
<Grid Margin="0,8,0,0" Grid.Row="7">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _background"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _background"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app background looks.&#x0a;"
<Label Content="Choose how the app background looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="BackgroundComboBox"
<ComboBox x:Name="BackgroundComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="3"
 VerticalAlignment="Center" SelectionChanged="BackgroundComboBox_SelectionChanged" 
 >
 <ComboBoxItem Content="None"/>
 <ComboBoxItem Content="Acrylic"/>
 <ComboBoxItem Content="Mica"/>
 <ComboBoxItem Content="Nebula"/>
 <ComboBoxItem Content="Auto"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="None"/>
<ComboBoxItem Content="Acrylic"/>
<ComboBoxItem Content="Mica"/>
<ComboBoxItem Content="Nebula"/>
<ComboBoxItem Content="Auto"/>
</ComboBox>
</Grid>

 <!-- Presets -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Presets -->
<Grid Margin="0,8,0,0" Grid.Row="8">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Presets"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Presets"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Create and load presets."
<Label Content="Create and load presets."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
 </Grid>
<ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
</Grid>

 <!-- App Version -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Version -->
<Grid Margin="0,8,0,0" Grid.Row="9">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App version"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App version"
 Padding="0"/>
 <Label Content="Current version of the app."
<Label Content="Current version of the app."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <Label x:Name="lbl_AppVersion"
<Label x:Name="lbl_AppVersion"
 Content=""
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 </Grid>
 </StackPanel>
 </Grid>
 </StackPanel>
 </ScrollViewer>
 </Border>
</UserControl>
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix app version overlapping and add auto scroll bar#26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

PalmarHealer
merged 1 commit into

from

Mar 20, 2026
 Merged


fix app version overlapping and add auto scroll bar
#26
 Changes from all commits
Commits

Show all changes


1 commit


Select commit


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


279 changes: 141 additions & 138 deletions
ControlPad/UI Elements/SettingsUserControl.xaml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,143 +8,145 @@
 mc:Ignorable="d" 
 Width="579" Height="550"
 >

 <Border Padding="16">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>
 <ScrollViewer VerticalScrollBarVisibility="Auto">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>


 <ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
 <Label Content="Adjust how the app behaves and looks."
<ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
<Label Content="Adjust how the app behaves and looks."
 Padding="0"
 Margin="0,35,0,15"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>

 <!-- Start with Windows -->
 <Grid Margin="0,8,0,8" Grid.Row="1">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start with Windows -->
<Grid Margin="0,8,0,8" Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start with Windows"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start with Windows"
 Padding="0"
 Target="{Binding ElementName=cb_StartWithWindows}"/>
 <Label Content="Launch the app automatically after you sign in."
<Label Content="Launch the app automatically after you sign in."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartWithWindows"
<CheckBox x:Name="cb_StartWithWindows"
 Checked="cb_StartWithWindows_Checked" 
 Unchecked="cb_StartWithWindows_Checked"
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 <!-- Start minimized -->
 <Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start minimized -->
<Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start minimized"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start minimized"
 Padding="0"
 Target="{Binding ElementName=cb_StartMinimized}"/>
 <Label Content="Launch the app in the background."
<Label Content="Launch the app in the background."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartMinimized"
<CheckBox x:Name="cb_StartMinimized"
 IsChecked="True"
 Checked="cb_StartMinimized_Checked"
 Unchecked="cb_StartMinimized_Checked"
 Grid.Column="1"
 VerticalAlignment="Center" />
 </Grid>
</Grid>

 <!-- Minimize to System Tray -->
 <Grid Margin="0,8,0,8" Grid.Row="3">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Minimize to System Tray -->
<Grid Margin="0,8,0,8" Grid.Row="3">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Mi_nimize to system tray"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Mi_nimize to system tray"
 Padding="0"
 Target="{Binding ElementName=cb_MinimizeToTray}"/>
 <Label Content="When closing, keep the app running in the system tray."
<Label Content="When closing, keep the app running in the system tray."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_MinimizeToTray"
<CheckBox x:Name="cb_MinimizeToTray"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center" 
 Checked="cb_MinimizeToTray_Checked" 
 Unchecked="cb_MinimizeToTray_Checked"/>
 </Grid>
</Grid>

 <!-- Unmute on slider change -->
 <Grid Margin="0,8,0,8" Grid.Row="4">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Unmute on slider change -->
<Grid Margin="0,8,0,8" Grid.Row="4">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Unmute on slider change"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Unmute on slider change"
 Padding="0"
 Target="{Binding ElementName=cb_UnmuteOnSliderChange}"/>
 <Label Content="Automatically unmute a process when its slider is moved."
<Label Content="Automatically unmute a process when its slider is moved."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_UnmuteOnSliderChange"
<CheckBox x:Name="cb_UnmuteOnSliderChange"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center"
 Checked="cb_UnmuteOnSliderChange_Checked"
 Unchecked="cb_UnmuteOnSliderChange_Checked"/>
 </Grid>
</Grid>

 <!-- Translation Exponent -->
 <Grid Margin="0,8,0,0" Grid.Row="5">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Translation Exponent -->
<Grid Margin="0,8,0,0" Grid.Row="5">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Translation _exponent"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Translation _exponent"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
<Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:NumberBox x:Name="nb_TranslationExponent"
<ui:NumberBox x:Name="nb_TranslationExponent"
 PlaceholderText="1.0" 
 Grid.ColumnSpan="2" 
 Margin="367,0,0,0" 
Expand All@@ -153,106 +155,107 @@
 Minimum="0.1"
 ValidationMode="InvalidInputOverwritten" ValueChanged="nb_TranslationExponent_ValueChanged"
 />
 </Grid>
</Grid>

 <!-- App Theme -->
 <Grid Margin="0,8,0,0" Grid.Row="6">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Theme -->
<Grid Margin="0,8,0,0" Grid.Row="6">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _theme"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _theme"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app looks.&#x0a;"
<Label Content="Choose how the app looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="ThemeComboBox"
<ComboBox x:Name="ThemeComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="0"
 VerticalAlignment="Center" SelectionChanged="ThemeComboBox_SelectionChanged">
 <ComboBoxItem Content="System (Default)"/>
 <ComboBoxItem Content="Light"/>
 <ComboBoxItem Content="Dark"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="System (Default)"/>
<ComboBoxItem Content="Light"/>
<ComboBoxItem Content="Dark"/>
</ComboBox>
</Grid>

 <!-- App Background -->
 <Grid Margin="0,8,0,0" Grid.Row="7">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Background -->
<Grid Margin="0,8,0,0" Grid.Row="7">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _background"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _background"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app background looks.&#x0a;"
<Label Content="Choose how the app background looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="BackgroundComboBox"
<ComboBox x:Name="BackgroundComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="3"
 VerticalAlignment="Center" SelectionChanged="BackgroundComboBox_SelectionChanged" 
 >
 <ComboBoxItem Content="None"/>
 <ComboBoxItem Content="Acrylic"/>
 <ComboBoxItem Content="Mica"/>
 <ComboBoxItem Content="Nebula"/>
 <ComboBoxItem Content="Auto"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="None"/>
<ComboBoxItem Content="Acrylic"/>
<ComboBoxItem Content="Mica"/>
<ComboBoxItem Content="Nebula"/>
<ComboBoxItem Content="Auto"/>
</ComboBox>
</Grid>

 <!-- Presets -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Presets -->
<Grid Margin="0,8,0,0" Grid.Row="8">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Presets"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Presets"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Create and load presets."
<Label Content="Create and load presets."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
 </Grid>
<ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
</Grid>

 <!-- App Version -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Version -->
<Grid Margin="0,8,0,0" Grid.Row="9">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App version"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App version"
 Padding="0"/>
 <Label Content="Current version of the app."
<Label Content="Current version of the app."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <Label x:Name="lbl_AppVersion"
<Label x:Name="lbl_AppVersion"
 Content=""
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 </Grid>
 </StackPanel>
 </Grid>
 </StackPanel>
 </ScrollViewer>
 </Border>
</UserControl>
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix app version overlapping and add auto scroll bar#26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

PalmarHealer
merged 1 commit into

from

Mar 20, 2026
 Merged


fix app version overlapping and add auto scroll bar
#26
 Changes from all commits
Commits

Show all changes


1 commit


Select commit


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


279 changes: 141 additions & 138 deletions
ControlPad/UI Elements/SettingsUserControl.xaml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,143 +8,145 @@
 mc:Ignorable="d" 
 Width="579" Height="550"
 >

 <Border Padding="16">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>
 <ScrollViewer VerticalScrollBarVisibility="Auto">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>


 <ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
 <Label Content="Adjust how the app behaves and looks."
<ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
<Label Content="Adjust how the app behaves and looks."
 Padding="0"
 Margin="0,35,0,15"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>

 <!-- Start with Windows -->
 <Grid Margin="0,8,0,8" Grid.Row="1">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start with Windows -->
<Grid Margin="0,8,0,8" Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start with Windows"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start with Windows"
 Padding="0"
 Target="{Binding ElementName=cb_StartWithWindows}"/>
 <Label Content="Launch the app automatically after you sign in."
<Label Content="Launch the app automatically after you sign in."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartWithWindows"
<CheckBox x:Name="cb_StartWithWindows"
 Checked="cb_StartWithWindows_Checked" 
 Unchecked="cb_StartWithWindows_Checked"
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 <!-- Start minimized -->
 <Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start minimized -->
<Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start minimized"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start minimized"
 Padding="0"
 Target="{Binding ElementName=cb_StartMinimized}"/>
 <Label Content="Launch the app in the background."
<Label Content="Launch the app in the background."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartMinimized"
<CheckBox x:Name="cb_StartMinimized"
 IsChecked="True"
 Checked="cb_StartMinimized_Checked"
 Unchecked="cb_StartMinimized_Checked"
 Grid.Column="1"
 VerticalAlignment="Center" />
 </Grid>
</Grid>

 <!-- Minimize to System Tray -->
 <Grid Margin="0,8,0,8" Grid.Row="3">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Minimize to System Tray -->
<Grid Margin="0,8,0,8" Grid.Row="3">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Mi_nimize to system tray"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Mi_nimize to system tray"
 Padding="0"
 Target="{Binding ElementName=cb_MinimizeToTray}"/>
 <Label Content="When closing, keep the app running in the system tray."
<Label Content="When closing, keep the app running in the system tray."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_MinimizeToTray"
<CheckBox x:Name="cb_MinimizeToTray"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center" 
 Checked="cb_MinimizeToTray_Checked" 
 Unchecked="cb_MinimizeToTray_Checked"/>
 </Grid>
</Grid>

 <!-- Unmute on slider change -->
 <Grid Margin="0,8,0,8" Grid.Row="4">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Unmute on slider change -->
<Grid Margin="0,8,0,8" Grid.Row="4">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Unmute on slider change"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Unmute on slider change"
 Padding="0"
 Target="{Binding ElementName=cb_UnmuteOnSliderChange}"/>
 <Label Content="Automatically unmute a process when its slider is moved."
<Label Content="Automatically unmute a process when its slider is moved."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_UnmuteOnSliderChange"
<CheckBox x:Name="cb_UnmuteOnSliderChange"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center"
 Checked="cb_UnmuteOnSliderChange_Checked"
 Unchecked="cb_UnmuteOnSliderChange_Checked"/>
 </Grid>
</Grid>

 <!-- Translation Exponent -->
 <Grid Margin="0,8,0,0" Grid.Row="5">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Translation Exponent -->
<Grid Margin="0,8,0,0" Grid.Row="5">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Translation _exponent"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Translation _exponent"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
<Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:NumberBox x:Name="nb_TranslationExponent"
<ui:NumberBox x:Name="nb_TranslationExponent"
 PlaceholderText="1.0" 
 Grid.ColumnSpan="2" 
 Margin="367,0,0,0" 
Expand All@@ -153,106 +155,107 @@
 Minimum="0.1"
 ValidationMode="InvalidInputOverwritten" ValueChanged="nb_TranslationExponent_ValueChanged"
 />
 </Grid>
</Grid>

 <!-- App Theme -->
 <Grid Margin="0,8,0,0" Grid.Row="6">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Theme -->
<Grid Margin="0,8,0,0" Grid.Row="6">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _theme"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _theme"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app looks.&#x0a;"
<Label Content="Choose how the app looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="ThemeComboBox"
<ComboBox x:Name="ThemeComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="0"
 VerticalAlignment="Center" SelectionChanged="ThemeComboBox_SelectionChanged">
 <ComboBoxItem Content="System (Default)"/>
 <ComboBoxItem Content="Light"/>
 <ComboBoxItem Content="Dark"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="System (Default)"/>
<ComboBoxItem Content="Light"/>
<ComboBoxItem Content="Dark"/>
</ComboBox>
</Grid>

 <!-- App Background -->
 <Grid Margin="0,8,0,0" Grid.Row="7">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Background -->
<Grid Margin="0,8,0,0" Grid.Row="7">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _background"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _background"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app background looks.&#x0a;"
<Label Content="Choose how the app background looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="BackgroundComboBox"
<ComboBox x:Name="BackgroundComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="3"
 VerticalAlignment="Center" SelectionChanged="BackgroundComboBox_SelectionChanged" 
 >
 <ComboBoxItem Content="None"/>
 <ComboBoxItem Content="Acrylic"/>
 <ComboBoxItem Content="Mica"/>
 <ComboBoxItem Content="Nebula"/>
 <ComboBoxItem Content="Auto"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="None"/>
<ComboBoxItem Content="Acrylic"/>
<ComboBoxItem Content="Mica"/>
<ComboBoxItem Content="Nebula"/>
<ComboBoxItem Content="Auto"/>
</ComboBox>
</Grid>

 <!-- Presets -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Presets -->
<Grid Margin="0,8,0,0" Grid.Row="8">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Presets"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Presets"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Create and load presets."
<Label Content="Create and load presets."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
 </Grid>
<ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
</Grid>

 <!-- App Version -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Version -->
<Grid Margin="0,8,0,0" Grid.Row="9">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App version"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App version"
 Padding="0"/>
 <Label Content="Current version of the app."
<Label Content="Current version of the app."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <Label x:Name="lbl_AppVersion"
<Label x:Name="lbl_AppVersion"
 Content=""
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 </Grid>
 </StackPanel>
 </Grid>
 </StackPanel>
 </ScrollViewer>
 </Border>
</UserControl>
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
fix app version overlapping and add auto scroll bar#26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

PalmarHealer
merged 1 commit into

from

Mar 20, 2026
 Merged


fix app version overlapping and add auto scroll bar
#26
 Changes from all commits
Commits

Show all changes


1 commit


Select commit


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


279 changes: 141 additions & 138 deletions
ControlPad/UI Elements/SettingsUserControl.xaml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,143 +8,145 @@
 mc:Ignorable="d" 
 Width="579" Height="550"
 >

 <Border Padding="16">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>
 <ScrollViewer VerticalScrollBarVisibility="Auto">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>


 <ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
 <Label Content="Adjust how the app behaves and looks."
<ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
<Label Content="Adjust how the app behaves and looks."
 Padding="0"
 Margin="0,35,0,15"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>

 <!-- Start with Windows -->
 <Grid Margin="0,8,0,8" Grid.Row="1">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start with Windows -->
<Grid Margin="0,8,0,8" Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start with Windows"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start with Windows"
 Padding="0"
 Target="{Binding ElementName=cb_StartWithWindows}"/>
 <Label Content="Launch the app automatically after you sign in."
<Label Content="Launch the app automatically after you sign in."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartWithWindows"
<CheckBox x:Name="cb_StartWithWindows"
 Checked="cb_StartWithWindows_Checked" 
 Unchecked="cb_StartWithWindows_Checked"
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 <!-- Start minimized -->
 <Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start minimized -->
<Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start minimized"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start minimized"
 Padding="0"
 Target="{Binding ElementName=cb_StartMinimized}"/>
 <Label Content="Launch the app in the background."
<Label Content="Launch the app in the background."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartMinimized"
<CheckBox x:Name="cb_StartMinimized"
 IsChecked="True"
 Checked="cb_StartMinimized_Checked"
 Unchecked="cb_StartMinimized_Checked"
 Grid.Column="1"
 VerticalAlignment="Center" />
 </Grid>
</Grid>

 <!-- Minimize to System Tray -->
 <Grid Margin="0,8,0,8" Grid.Row="3">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Minimize to System Tray -->
<Grid Margin="0,8,0,8" Grid.Row="3">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Mi_nimize to system tray"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Mi_nimize to system tray"
 Padding="0"
 Target="{Binding ElementName=cb_MinimizeToTray}"/>
 <Label Content="When closing, keep the app running in the system tray."
<Label Content="When closing, keep the app running in the system tray."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_MinimizeToTray"
<CheckBox x:Name="cb_MinimizeToTray"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center" 
 Checked="cb_MinimizeToTray_Checked" 
 Unchecked="cb_MinimizeToTray_Checked"/>
 </Grid>
</Grid>

 <!-- Unmute on slider change -->
 <Grid Margin="0,8,0,8" Grid.Row="4">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Unmute on slider change -->
<Grid Margin="0,8,0,8" Grid.Row="4">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Unmute on slider change"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Unmute on slider change"
 Padding="0"
 Target="{Binding ElementName=cb_UnmuteOnSliderChange}"/>
 <Label Content="Automatically unmute a process when its slider is moved."
<Label Content="Automatically unmute a process when its slider is moved."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_UnmuteOnSliderChange"
<CheckBox x:Name="cb_UnmuteOnSliderChange"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center"
 Checked="cb_UnmuteOnSliderChange_Checked"
 Unchecked="cb_UnmuteOnSliderChange_Checked"/>
 </Grid>
</Grid>

 <!-- Translation Exponent -->
 <Grid Margin="0,8,0,0" Grid.Row="5">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Translation Exponent -->
<Grid Margin="0,8,0,0" Grid.Row="5">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Translation _exponent"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Translation _exponent"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
<Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:NumberBox x:Name="nb_TranslationExponent"
<ui:NumberBox x:Name="nb_TranslationExponent"
 PlaceholderText="1.0" 
 Grid.ColumnSpan="2" 
 Margin="367,0,0,0" 
Expand All@@ -153,106 +155,107 @@
 Minimum="0.1"
 ValidationMode="InvalidInputOverwritten" ValueChanged="nb_TranslationExponent_ValueChanged"
 />
 </Grid>
</Grid>

 <!-- App Theme -->
 <Grid Margin="0,8,0,0" Grid.Row="6">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Theme -->
<Grid Margin="0,8,0,0" Grid.Row="6">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _theme"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _theme"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app looks.&#x0a;"
<Label Content="Choose how the app looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="ThemeComboBox"
<ComboBox x:Name="ThemeComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="0"
 VerticalAlignment="Center" SelectionChanged="ThemeComboBox_SelectionChanged">
 <ComboBoxItem Content="System (Default)"/>
 <ComboBoxItem Content="Light"/>
 <ComboBoxItem Content="Dark"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="System (Default)"/>
<ComboBoxItem Content="Light"/>
<ComboBoxItem Content="Dark"/>
</ComboBox>
</Grid>

 <!-- App Background -->
 <Grid Margin="0,8,0,0" Grid.Row="7">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Background -->
<Grid Margin="0,8,0,0" Grid.Row="7">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _background"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _background"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app background looks.&#x0a;"
<Label Content="Choose how the app background looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="BackgroundComboBox"
<ComboBox x:Name="BackgroundComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="3"
 VerticalAlignment="Center" SelectionChanged="BackgroundComboBox_SelectionChanged" 
 >
 <ComboBoxItem Content="None"/>
 <ComboBoxItem Content="Acrylic"/>
 <ComboBoxItem Content="Mica"/>
 <ComboBoxItem Content="Nebula"/>
 <ComboBoxItem Content="Auto"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="None"/>
<ComboBoxItem Content="Acrylic"/>
<ComboBoxItem Content="Mica"/>
<ComboBoxItem Content="Nebula"/>
<ComboBoxItem Content="Auto"/>
</ComboBox>
</Grid>

 <!-- Presets -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Presets -->
<Grid Margin="0,8,0,0" Grid.Row="8">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Presets"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Presets"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Create and load presets."
<Label Content="Create and load presets."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
 </Grid>
<ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
</Grid>

 <!-- App Version -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Version -->
<Grid Margin="0,8,0,0" Grid.Row="9">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App version"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App version"
 Padding="0"/>
 <Label Content="Current version of the app."
<Label Content="Current version of the app."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <Label x:Name="lbl_AppVersion"
<Label x:Name="lbl_AppVersion"
 Content=""
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 </Grid>
 </StackPanel>
 </Grid>
 </StackPanel>
 </ScrollViewer>
 </Border>
</UserControl>
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix app version overlapping and add auto scroll bar#26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

PalmarHealer
merged 1 commit into

from

Mar 20, 2026
 Merged


fix app version overlapping and add auto scroll bar
#26
 Changes from all commits
Commits

Show all changes


1 commit


Select commit


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


279 changes: 141 additions & 138 deletions
ControlPad/UI Elements/SettingsUserControl.xaml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,143 +8,145 @@
 mc:Ignorable="d" 
 Width="579" Height="550"
 >

 <Border Padding="16">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>
 <ScrollViewer VerticalScrollBarVisibility="Auto">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>


 <ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
 <Label Content="Adjust how the app behaves and looks."
<ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
<Label Content="Adjust how the app behaves and looks."
 Padding="0"
 Margin="0,35,0,15"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>

 <!-- Start with Windows -->
 <Grid Margin="0,8,0,8" Grid.Row="1">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start with Windows -->
<Grid Margin="0,8,0,8" Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start with Windows"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start with Windows"
 Padding="0"
 Target="{Binding ElementName=cb_StartWithWindows}"/>
 <Label Content="Launch the app automatically after you sign in."
<Label Content="Launch the app automatically after you sign in."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartWithWindows"
<CheckBox x:Name="cb_StartWithWindows"
 Checked="cb_StartWithWindows_Checked" 
 Unchecked="cb_StartWithWindows_Checked"
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 <!-- Start minimized -->
 <Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start minimized -->
<Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start minimized"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start minimized"
 Padding="0"
 Target="{Binding ElementName=cb_StartMinimized}"/>
 <Label Content="Launch the app in the background."
<Label Content="Launch the app in the background."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartMinimized"
<CheckBox x:Name="cb_StartMinimized"
 IsChecked="True"
 Checked="cb_StartMinimized_Checked"
 Unchecked="cb_StartMinimized_Checked"
 Grid.Column="1"
 VerticalAlignment="Center" />
 </Grid>
</Grid>

 <!-- Minimize to System Tray -->
 <Grid Margin="0,8,0,8" Grid.Row="3">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Minimize to System Tray -->
<Grid Margin="0,8,0,8" Grid.Row="3">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Mi_nimize to system tray"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Mi_nimize to system tray"
 Padding="0"
 Target="{Binding ElementName=cb_MinimizeToTray}"/>
 <Label Content="When closing, keep the app running in the system tray."
<Label Content="When closing, keep the app running in the system tray."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_MinimizeToTray"
<CheckBox x:Name="cb_MinimizeToTray"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center" 
 Checked="cb_MinimizeToTray_Checked" 
 Unchecked="cb_MinimizeToTray_Checked"/>
 </Grid>
</Grid>

 <!-- Unmute on slider change -->
 <Grid Margin="0,8,0,8" Grid.Row="4">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Unmute on slider change -->
<Grid Margin="0,8,0,8" Grid.Row="4">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Unmute on slider change"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Unmute on slider change"
 Padding="0"
 Target="{Binding ElementName=cb_UnmuteOnSliderChange}"/>
 <Label Content="Automatically unmute a process when its slider is moved."
<Label Content="Automatically unmute a process when its slider is moved."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_UnmuteOnSliderChange"
<CheckBox x:Name="cb_UnmuteOnSliderChange"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center"
 Checked="cb_UnmuteOnSliderChange_Checked"
 Unchecked="cb_UnmuteOnSliderChange_Checked"/>
 </Grid>
</Grid>

 <!-- Translation Exponent -->
 <Grid Margin="0,8,0,0" Grid.Row="5">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Translation Exponent -->
<Grid Margin="0,8,0,0" Grid.Row="5">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Translation _exponent"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Translation _exponent"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
<Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:NumberBox x:Name="nb_TranslationExponent"
<ui:NumberBox x:Name="nb_TranslationExponent"
 PlaceholderText="1.0" 
 Grid.ColumnSpan="2" 
 Margin="367,0,0,0" 
Expand All@@ -153,106 +155,107 @@
 Minimum="0.1"
 ValidationMode="InvalidInputOverwritten" ValueChanged="nb_TranslationExponent_ValueChanged"
 />
 </Grid>
</Grid>

 <!-- App Theme -->
 <Grid Margin="0,8,0,0" Grid.Row="6">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Theme -->
<Grid Margin="0,8,0,0" Grid.Row="6">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _theme"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _theme"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app looks.&#x0a;"
<Label Content="Choose how the app looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="ThemeComboBox"
<ComboBox x:Name="ThemeComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="0"
 VerticalAlignment="Center" SelectionChanged="ThemeComboBox_SelectionChanged">
 <ComboBoxItem Content="System (Default)"/>
 <ComboBoxItem Content="Light"/>
 <ComboBoxItem Content="Dark"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="System (Default)"/>
<ComboBoxItem Content="Light"/>
<ComboBoxItem Content="Dark"/>
</ComboBox>
</Grid>

 <!-- App Background -->
 <Grid Margin="0,8,0,0" Grid.Row="7">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Background -->
<Grid Margin="0,8,0,0" Grid.Row="7">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _background"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _background"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app background looks.&#x0a;"
<Label Content="Choose how the app background looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="BackgroundComboBox"
<ComboBox x:Name="BackgroundComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="3"
 VerticalAlignment="Center" SelectionChanged="BackgroundComboBox_SelectionChanged" 
 >
 <ComboBoxItem Content="None"/>
 <ComboBoxItem Content="Acrylic"/>
 <ComboBoxItem Content="Mica"/>
 <ComboBoxItem Content="Nebula"/>
 <ComboBoxItem Content="Auto"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="None"/>
<ComboBoxItem Content="Acrylic"/>
<ComboBoxItem Content="Mica"/>
<ComboBoxItem Content="Nebula"/>
<ComboBoxItem Content="Auto"/>
</ComboBox>
</Grid>

 <!-- Presets -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Presets -->
<Grid Margin="0,8,0,0" Grid.Row="8">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Presets"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Presets"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Create and load presets."
<Label Content="Create and load presets."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
 </Grid>
<ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
</Grid>

 <!-- App Version -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Version -->
<Grid Margin="0,8,0,0" Grid.Row="9">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App version"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App version"
 Padding="0"/>
 <Label Content="Current version of the app."
<Label Content="Current version of the app."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <Label x:Name="lbl_AppVersion"
<Label x:Name="lbl_AppVersion"
 Content=""
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 </Grid>
 </StackPanel>
 </Grid>
 </StackPanel>
 </ScrollViewer>
 </Border>
</UserControl>
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix app version overlapping and add auto scroll bar#26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

PalmarHealer
merged 1 commit into

from

Mar 20, 2026
 Merged


fix app version overlapping and add auto scroll bar
#26
 Changes from all commits
Commits

Show all changes


1 commit


Select commit


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


279 changes: 141 additions & 138 deletions
ControlPad/UI Elements/SettingsUserControl.xaml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,143 +8,145 @@
 mc:Ignorable="d" 
 Width="579" Height="550"
 >

 <Border Padding="16">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>
 <ScrollViewer VerticalScrollBarVisibility="Auto">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>


 <ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
 <Label Content="Adjust how the app behaves and looks."
<ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
<Label Content="Adjust how the app behaves and looks."
 Padding="0"
 Margin="0,35,0,15"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>

 <!-- Start with Windows -->
 <Grid Margin="0,8,0,8" Grid.Row="1">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start with Windows -->
<Grid Margin="0,8,0,8" Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start with Windows"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start with Windows"
 Padding="0"
 Target="{Binding ElementName=cb_StartWithWindows}"/>
 <Label Content="Launch the app automatically after you sign in."
<Label Content="Launch the app automatically after you sign in."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartWithWindows"
<CheckBox x:Name="cb_StartWithWindows"
 Checked="cb_StartWithWindows_Checked" 
 Unchecked="cb_StartWithWindows_Checked"
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 <!-- Start minimized -->
 <Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start minimized -->
<Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start minimized"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start minimized"
 Padding="0"
 Target="{Binding ElementName=cb_StartMinimized}"/>
 <Label Content="Launch the app in the background."
<Label Content="Launch the app in the background."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartMinimized"
<CheckBox x:Name="cb_StartMinimized"
 IsChecked="True"
 Checked="cb_StartMinimized_Checked"
 Unchecked="cb_StartMinimized_Checked"
 Grid.Column="1"
 VerticalAlignment="Center" />
 </Grid>
</Grid>

 <!-- Minimize to System Tray -->
 <Grid Margin="0,8,0,8" Grid.Row="3">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Minimize to System Tray -->
<Grid Margin="0,8,0,8" Grid.Row="3">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Mi_nimize to system tray"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Mi_nimize to system tray"
 Padding="0"
 Target="{Binding ElementName=cb_MinimizeToTray}"/>
 <Label Content="When closing, keep the app running in the system tray."
<Label Content="When closing, keep the app running in the system tray."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_MinimizeToTray"
<CheckBox x:Name="cb_MinimizeToTray"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center" 
 Checked="cb_MinimizeToTray_Checked" 
 Unchecked="cb_MinimizeToTray_Checked"/>
 </Grid>
</Grid>

 <!-- Unmute on slider change -->
 <Grid Margin="0,8,0,8" Grid.Row="4">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Unmute on slider change -->
<Grid Margin="0,8,0,8" Grid.Row="4">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Unmute on slider change"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Unmute on slider change"
 Padding="0"
 Target="{Binding ElementName=cb_UnmuteOnSliderChange}"/>
 <Label Content="Automatically unmute a process when its slider is moved."
<Label Content="Automatically unmute a process when its slider is moved."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_UnmuteOnSliderChange"
<CheckBox x:Name="cb_UnmuteOnSliderChange"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center"
 Checked="cb_UnmuteOnSliderChange_Checked"
 Unchecked="cb_UnmuteOnSliderChange_Checked"/>
 </Grid>
</Grid>

 <!-- Translation Exponent -->
 <Grid Margin="0,8,0,0" Grid.Row="5">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Translation Exponent -->
<Grid Margin="0,8,0,0" Grid.Row="5">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Translation _exponent"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Translation _exponent"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
<Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:NumberBox x:Name="nb_TranslationExponent"
<ui:NumberBox x:Name="nb_TranslationExponent"
 PlaceholderText="1.0" 
 Grid.ColumnSpan="2" 
 Margin="367,0,0,0" 
Expand All@@ -153,106 +155,107 @@
 Minimum="0.1"
 ValidationMode="InvalidInputOverwritten" ValueChanged="nb_TranslationExponent_ValueChanged"
 />
 </Grid>
</Grid>

 <!-- App Theme -->
 <Grid Margin="0,8,0,0" Grid.Row="6">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Theme -->
<Grid Margin="0,8,0,0" Grid.Row="6">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _theme"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _theme"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app looks.&#x0a;"
<Label Content="Choose how the app looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="ThemeComboBox"
<ComboBox x:Name="ThemeComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="0"
 VerticalAlignment="Center" SelectionChanged="ThemeComboBox_SelectionChanged">
 <ComboBoxItem Content="System (Default)"/>
 <ComboBoxItem Content="Light"/>
 <ComboBoxItem Content="Dark"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="System (Default)"/>
<ComboBoxItem Content="Light"/>
<ComboBoxItem Content="Dark"/>
</ComboBox>
</Grid>

 <!-- App Background -->
 <Grid Margin="0,8,0,0" Grid.Row="7">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Background -->
<Grid Margin="0,8,0,0" Grid.Row="7">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _background"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _background"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app background looks.&#x0a;"
<Label Content="Choose how the app background looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="BackgroundComboBox"
<ComboBox x:Name="BackgroundComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="3"
 VerticalAlignment="Center" SelectionChanged="BackgroundComboBox_SelectionChanged" 
 >
 <ComboBoxItem Content="None"/>
 <ComboBoxItem Content="Acrylic"/>
 <ComboBoxItem Content="Mica"/>
 <ComboBoxItem Content="Nebula"/>
 <ComboBoxItem Content="Auto"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="None"/>
<ComboBoxItem Content="Acrylic"/>
<ComboBoxItem Content="Mica"/>
<ComboBoxItem Content="Nebula"/>
<ComboBoxItem Content="Auto"/>
</ComboBox>
</Grid>

 <!-- Presets -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Presets -->
<Grid Margin="0,8,0,0" Grid.Row="8">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Presets"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Presets"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Create and load presets."
<Label Content="Create and load presets."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
 </Grid>
<ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
</Grid>

 <!-- App Version -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Version -->
<Grid Margin="0,8,0,0" Grid.Row="9">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App version"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App version"
 Padding="0"/>
 <Label Content="Current version of the app."
<Label Content="Current version of the app."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <Label x:Name="lbl_AppVersion"
<Label x:Name="lbl_AppVersion"
 Content=""
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 </Grid>
 </StackPanel>
 </Grid>
 </StackPanel>
 </ScrollViewer>
 </Border>
</UserControl>
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
fix app version overlapping and add auto scroll bar#26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

PalmarHealer
merged 1 commit into

from

Mar 20, 2026
 Merged


fix app version overlapping and add auto scroll bar
#26
 Changes from all commits
Commits

Show all changes


1 commit


Select commit


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


279 changes: 141 additions & 138 deletions
ControlPad/UI Elements/SettingsUserControl.xaml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,143 +8,145 @@
 mc:Ignorable="d" 
 Width="579" Height="550"
 >

 <Border Padding="16">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>
 <ScrollViewer VerticalScrollBarVisibility="Auto">
 <StackPanel>
 <Grid>
 <Grid.RowDefinitions>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 <RowDefinition Height="*"/>
 </Grid.RowDefinitions>


 <ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
 <Label Content="Adjust how the app behaves and looks."
<ui:TextBlock Foreground="{DynamicResource TextFillColorPrimaryBrush}" FontTypography="Title" Text="Settings" Grid.ColumnSpan="2" Margin="0,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"/>
<Label Content="Adjust how the app behaves and looks."
 Padding="0"
 Margin="0,35,0,15"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>

 <!-- Start with Windows -->
 <Grid Margin="0,8,0,8" Grid.Row="1">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start with Windows -->
<Grid Margin="0,8,0,8" Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start with Windows"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start with Windows"
 Padding="0"
 Target="{Binding ElementName=cb_StartWithWindows}"/>
 <Label Content="Launch the app automatically after you sign in."
<Label Content="Launch the app automatically after you sign in."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartWithWindows"
<CheckBox x:Name="cb_StartWithWindows"
 Checked="cb_StartWithWindows_Checked" 
 Unchecked="cb_StartWithWindows_Checked"
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 <!-- Start minimized -->
 <Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Start minimized -->
<Grid x:Name="GridStartMinimized" Margin="0,8,0,8" Grid.Row="2" IsEnabled="False" >
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <!-- Label with mnemonic + Target -->
 <Label Content="_Start minimized"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<!-- Label with mnemonic + Target -->
<Label Content="_Start minimized"
 Padding="0"
 Target="{Binding ElementName=cb_StartMinimized}"/>
 <Label Content="Launch the app in the background."
<Label Content="Launch the app in the background."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_StartMinimized"
<CheckBox x:Name="cb_StartMinimized"
 IsChecked="True"
 Checked="cb_StartMinimized_Checked"
 Unchecked="cb_StartMinimized_Checked"
 Grid.Column="1"
 VerticalAlignment="Center" />
 </Grid>
</Grid>

 <!-- Minimize to System Tray -->
 <Grid Margin="0,8,0,8" Grid.Row="3">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Minimize to System Tray -->
<Grid Margin="0,8,0,8" Grid.Row="3">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Mi_nimize to system tray"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Mi_nimize to system tray"
 Padding="0"
 Target="{Binding ElementName=cb_MinimizeToTray}"/>
 <Label Content="When closing, keep the app running in the system tray."
<Label Content="When closing, keep the app running in the system tray."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_MinimizeToTray"
<CheckBox x:Name="cb_MinimizeToTray"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center" 
 Checked="cb_MinimizeToTray_Checked" 
 Unchecked="cb_MinimizeToTray_Checked"/>
 </Grid>
</Grid>

 <!-- Unmute on slider change -->
 <Grid Margin="0,8,0,8" Grid.Row="4">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Unmute on slider change -->
<Grid Margin="0,8,0,8" Grid.Row="4">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Unmute on slider change"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Unmute on slider change"
 Padding="0"
 Target="{Binding ElementName=cb_UnmuteOnSliderChange}"/>
 <Label Content="Automatically unmute a process when its slider is moved."
<Label Content="Automatically unmute a process when its slider is moved."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <CheckBox x:Name="cb_UnmuteOnSliderChange"
<CheckBox x:Name="cb_UnmuteOnSliderChange"
 Grid.Column="1"
 IsChecked="True"
 VerticalAlignment="Center"
 Checked="cb_UnmuteOnSliderChange_Checked"
 Unchecked="cb_UnmuteOnSliderChange_Checked"/>
 </Grid>
</Grid>

 <!-- Translation Exponent -->
 <Grid Margin="0,8,0,0" Grid.Row="5">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Translation Exponent -->
<Grid Margin="0,8,0,0" Grid.Row="5">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="Translation _exponent"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="Translation _exponent"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
<Label Content="Exponent controlling the mapping curve from slider to&#x0a;sound bar."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:NumberBox x:Name="nb_TranslationExponent"
<ui:NumberBox x:Name="nb_TranslationExponent"
 PlaceholderText="1.0" 
 Grid.ColumnSpan="2" 
 Margin="367,0,0,0" 
Expand All@@ -153,106 +155,107 @@
 Minimum="0.1"
 ValidationMode="InvalidInputOverwritten" ValueChanged="nb_TranslationExponent_ValueChanged"
 />
 </Grid>
</Grid>

 <!-- App Theme -->
 <Grid Margin="0,8,0,0" Grid.Row="6">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Theme -->
<Grid Margin="0,8,0,0" Grid.Row="6">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _theme"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _theme"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app looks.&#x0a;"
<Label Content="Choose how the app looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="ThemeComboBox"
<ComboBox x:Name="ThemeComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="0"
 VerticalAlignment="Center" SelectionChanged="ThemeComboBox_SelectionChanged">
 <ComboBoxItem Content="System (Default)"/>
 <ComboBoxItem Content="Light"/>
 <ComboBoxItem Content="Dark"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="System (Default)"/>
<ComboBoxItem Content="Light"/>
<ComboBoxItem Content="Dark"/>
</ComboBox>
</Grid>

 <!-- App Background -->
 <Grid Margin="0,8,0,0" Grid.Row="7">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Background -->
<Grid Margin="0,8,0,0" Grid.Row="7">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App _background"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App _background"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Choose how the app background looks.&#x0a;"
<Label Content="Choose how the app background looks.&#x0a;"
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ComboBox x:Name="BackgroundComboBox"
<ComboBox x:Name="BackgroundComboBox"
 Grid.Column="1"
 MinWidth="180"
 SelectedIndex="3"
 VerticalAlignment="Center" SelectionChanged="BackgroundComboBox_SelectionChanged" 
 >
 <ComboBoxItem Content="None"/>
 <ComboBoxItem Content="Acrylic"/>
 <ComboBoxItem Content="Mica"/>
 <ComboBoxItem Content="Nebula"/>
 <ComboBoxItem Content="Auto"/>
 </ComboBox>
 </Grid>
<ComboBoxItem Content="None"/>
<ComboBoxItem Content="Acrylic"/>
<ComboBoxItem Content="Mica"/>
<ComboBoxItem Content="Nebula"/>
<ComboBoxItem Content="Auto"/>
</ComboBox>
</Grid>

 <!-- Presets -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- Presets -->
<Grid Margin="0,8,0,0" Grid.Row="8">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="_Presets"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="_Presets"
 Padding="0"
 Target="{Binding ElementName=ThemeComboBox}"/>
 <Label Content="Create and load presets."
<Label Content="Create and load presets."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
 </Grid>
<ui:Button x:Name="Btn_Presets" Content="Presets" Click="Btn_Presets_Click" MinWidth="180" Grid.Column="1"/>
</Grid>

 <!-- App Version -->
 <Grid Margin="0,8,0,0" Grid.Row="8">
 <Grid.ColumnDefinitions>
 <ColumnDefinition/>
 <ColumnDefinition Width="Auto"/>
 </Grid.ColumnDefinitions>
<!-- App Version -->
<Grid Margin="0,8,0,0" Grid.Row="9">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

 <StackPanel Orientation="Vertical" Margin="0,0,16,0">
 <Label Content="App version"
<StackPanel Orientation="Vertical" Margin="0,0,16,0">
<Label Content="App version"
 Padding="0"/>
 <Label Content="Current version of the app."
<Label Content="Current version of the app."
 Padding="0"
 Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
 </StackPanel>
</StackPanel>

 <Label x:Name="lbl_AppVersion"
<Label x:Name="lbl_AppVersion"
 Content=""
 Grid.Column="1"
 VerticalAlignment="Center"/>
 </Grid>
</Grid>

 </Grid>
 </StackPanel>
 </Grid>
 </StackPanel>
 </ScrollViewer>
 </Border>
</UserControl>
Loading