Skip to content

Replace TabControl with Expander in Explorer Plugin Setting Panel to fix issue with scaling greater than 125% #3666

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
merged 10 commits into from
Jun 6, 2025
Merged

Replace TabControl with Expander in Explorer Plugin Setting Panel to fix issue with scaling greater than 125% #3666

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
8c5e0c9
Change Tabcontrol to Expander
onesounds Jun 6, 2025
6cd830c
Fix Font Color
onesounds Jun 6, 2025
c2eca7d
Improve code quality
Jack251970 Jun 6, 2025
05cd01d
Use loaded event to ensure accessability
Jack251970 Jun 6, 2025
b29bc75
Improve setting panel design
Jack251970 Jun 6, 2025
569cb8b
Remove grid & scroll viewer & Remove bottom margin
Jack251970 Jun 6, 2025
6614771
Move initialization to constructor
Jack251970 Jun 6, 2025
0c474a9
Add Hover Style / Adjust Arrow / Adjust Padding
onesounds Jun 6, 2025
dc3fada
Fix Border
onesounds Jun 6, 2025
600137c
Fix Border
onesounds Jun 6, 2025
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
73 changes: 73 additions & 0 deletions Flow.Launcher/Resources/CustomControlTemplate.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2407,6 +2407,79 @@
</Setter.Value>
</Setter>
</Style>

<!-- Explorer Plugin Expander -->
<Style x:Key="ExpanderHeaderRightArrowStyle" TargetType="ToggleButton">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ToggleButton">
<Border x:Name="RootBorder" Background="Transparent" Padding="16,15,16,15">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>

<ContentPresenter
Grid.Column="0"
VerticalAlignment="Center"
HorizontalAlignment="Left"
RecognizesAccessKey="True"
SnapsToDevicePixels="True"
Content="{TemplateBinding Content}"
Margin="8 0 0 0"
ContentTemplate="{TemplateBinding ContentTemplate}" />

<Grid Grid.Column="1"
Width="20" Height="20"
Margin="8 0 4 0"
VerticalAlignment="Center"
HorizontalAlignment="Right"
Background="Transparent"
RenderTransformOrigin="0.5,0.5"
x:Name="ChevronGrid">
<Grid.RenderTransform>
<RotateTransform Angle="0"/>
</Grid.RenderTransform>
<Ellipse
x:Name="circle"
Width="19"
Height="19"
Stroke="Transparent"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
<Path
x:Name="arrow"
Data="M 1,1.5 L 4.5,5 L 8,1.5"
Stroke="#666"
StrokeThickness="1"
SnapsToDevicePixels="False"
HorizontalAlignment="Center"
VerticalAlignment="Center" />
</Grid>
</Grid>
</Border>

<ControlTemplate.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter TargetName="arrow" Property="Data" Value="M 1,4.5 L 4.5,1 L 8,4.5" />
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter TargetName="RootBorder" Property="Background" Value="{DynamicResource CustomExpanderHover}" />
<Setter TargetName="circle" Property="Stroke" Value="Transparent" />
<Setter TargetName="arrow" Property="Stroke" Value="{DynamicResource Color05B}" />
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter TargetName="circle" Property="Stroke" Value="Transparent" />
<Setter TargetName="circle" Property="StrokeThickness" Value="1.5" />
<Setter TargetName="arrow" Property="Stroke" Value="{DynamicResource Color17B}" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

<Style x:Key="ExpanderStyle1" TargetType="{x:Type Expander}">
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
<Setter Property="Background" Value="Transparent" />
Expand Down Expand Up @@ -3502,7 +3575,7 @@
<Setter.Value>
<ControlTemplate TargetType="{x:Type ContextMenu}">
<ui:ThemeShadowChrome
x:Name="Shdw"

Check warning on line 3578 in Flow.Launcher/Resources/CustomControlTemplate.xaml

View workflow job for this annotation

GitHub Actions / Check Spelling 

`Shdw` is not a recognized word. (unrecognized-spelling)
CornerRadius="{TemplateBinding ui:ControlHelper.CornerRadius}"
IsShadowEnabled="{TemplateBinding HasDropShadow}"
SnapsToDevicePixels="True">
Expand Down Expand Up @@ -3614,7 +3687,7 @@
<ScaleTransform x:Name="ScaleTransform" />
</Grid.RenderTransform>
<ui:ThemeShadowChrome
x:Name="Shdw"

Check warning on line 3690 in Flow.Launcher/Resources/CustomControlTemplate.xaml

View workflow job for this annotation

GitHub Actions / Check Spelling 

`Shdw` is not a recognized word. (unrecognized-spelling)
Margin="{DynamicResource ContentDialogBorderWidth}"
CornerRadius="{TemplateBinding CornerRadius}"
IsShadowEnabled="{TemplateBinding IsShadowEnabled}" />
Expand Down
Loading
Loading