- Change Toggle Switch Flow (LTR from RTL)

- Change Open Theme Folder Button Width to Responsive
This commit is contained in:
DB p 2022-01-03 23:48:54 +09:00
parent f6d8d3e9a9
commit 2a093fff84
2 changed files with 23 additions and 24 deletions

View file

@ -1478,7 +1478,7 @@
<ui:SimpleVisualStateManager />
</VisualStateManager.CustomVisualStateManager>
<Grid>
<Grid HorizontalAlignment="Right">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
@ -1486,7 +1486,7 @@
<ui:ContentPresenterEx
x:Name="HeaderContentPresenter"
Grid.Row="1"
Grid.Row="0"
Margin="{DynamicResource ToggleSwitchTopHeaderMargin}"
VerticalAlignment="Top"
Content="{TemplateBinding Header}"
@ -1497,11 +1497,9 @@
TextWrapping="Wrap"
Visibility="Collapsed" />
<Grid
Grid.Row="0"
Width="100"
Grid.Row="1"
MinWidth="{DynamicResource ToggleSwitchThemeMinWidth}"
Margin="10,0,0,0"
HorizontalAlignment="Left"
HorizontalAlignment="Right"
VerticalAlignment="Top">
<Grid.RowDefinitions>
@ -1511,7 +1509,7 @@
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="12" MaxWidth="12" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
@ -1520,6 +1518,7 @@
Grid.RowSpan="3"
Grid.ColumnSpan="3"
Margin="0,5"
HorizontalAlignment="Right"
ui:FocusVisualHelper.IsTemplateFocusTarget="True"
Background="{DynamicResource ToggleSwitchContainerBackground}" />
<ContentPresenter
@ -1552,6 +1551,7 @@
Grid.Column="2"
Width="40"
Height="20"
HorizontalAlignment="Right"
Fill="{DynamicResource ToggleSwitchFillOff}"
RadiusX="10"
RadiusY="10"
@ -1563,6 +1563,7 @@
Grid.Column="2"
Width="40"
Height="20"
HorizontalAlignment="Right"
Fill="{DynamicResource ToggleSwitchFillOn}"
Opacity="0"
RadiusX="10"

View file

@ -57,10 +57,7 @@
MinWidth="20"
MaxWidth="60" />
<ColumnDefinition Width="8*" />
<ColumnDefinition
Width="Auto"
MinWidth="40"
MaxWidth="550" />
<ColumnDefinition Width="Auto" MinWidth="30" />
</Grid.ColumnDefinitions>
</Grid>
</ItemsPanelTemplate>
@ -102,7 +99,7 @@
TargetType="{x:Type CheckBox}">
<Setter Property="Width" Value="24" />
<Setter Property="Grid.Column" Value="2" />
<Setter Property="Margin" Value="0,4,0,4" />
<Setter Property="Margin" Value="0,4,10,4" />
<Setter Property="LayoutTransform">
<Setter.Value>
<ScaleTransform ScaleX="1" ScaleY="1" />
@ -110,11 +107,16 @@
</Setter>
</Style>
<Style x:Key="SideToggleSwitch" TargetType="{x:Type ui:ToggleSwitch}">
<Style
x:Key="SideToggleSwitch"
BasedOn="{StaticResource DefaultToggleSwitch}"
TargetType="{x:Type ui:ToggleSwitch}">
<Setter Property="Grid.Column" Value="2" />
<Setter Property="Width" Value="Auto" />
<Setter Property="HorizontalAlignment" Value="Right" />
<Setter Property="HorizontalContentAlignment" Value="Right" />
<Setter Property="OffContent" Value="{DynamicResource disable}" />
<Setter Property="OnContent" Value="{DynamicResource enable}" />
<Setter Property="FlowDirection" Value="RightToLeft" />
<Setter Property="Margin" Value="0,4,22,4" />
</Style>
@ -948,9 +950,9 @@
FlowDirection="LeftToRight">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100" MinWidth="100" />
<ColumnDefinition Width="3*" />
<ColumnDefinition />
<ColumnDefinition />
<ColumnDefinition Width="8*" />
<ColumnDefinition MinWidth="100" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<StackPanel
Grid.Column="0"
@ -990,7 +992,7 @@
<Border>
<Button
x:Name="PriorityButton"
Margin="0,0,12,0"
Margin="0,0,0,0"
VerticalAlignment="Center"
Click="OnPluginPriorityClick"
Content="{Binding Priority, UpdateSourceTrigger=PropertyChanged}"
@ -1021,11 +1023,7 @@
</Border>
</StackPanel>
<DockPanel Grid.Column="3">
<ui:ToggleSwitch
Margin="0"
DockPanel.Dock="Right"
IsOn="{Binding PluginState}"
Style="{DynamicResource SideToggleSwitch}" />
<ui:ToggleSwitch HorizontalAlignment="Right" IsOn="{Binding PluginState}" />
</DockPanel>
</Grid>
@ -1955,7 +1953,7 @@
</StackPanel>
<Button
Grid.Column="2"
Width="180"
MinWidth="180"
Margin="0,0,18,0"
HorizontalAlignment="Center"
Click="OpenThemeFolder"