Fix theme toggle in composer
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
const editor = Jodit.make("#editor", {
|
const editor = Jodit.make("#editor", {
|
||||||
"useSearch": false,
|
"useSearch": false,
|
||||||
"toolbar": true,
|
"toolbar": true,
|
||||||
"buttons": "bold,italic,underline,strikethrough,brush,ul,ol,font,fontsize,paragraph,image,link,indent,outdent,align",
|
"buttons": "bold,italic,underline,strikethrough,brush,ul,ol,font,fontsize,paragraph,image,link,indent,outdent,align,lineHeight,table",
|
||||||
"inline": true,
|
"inline": true,
|
||||||
"toolbarAdaptive": false,
|
"toolbarAdaptive": false,
|
||||||
"toolbarInlineForSelection": false,
|
"toolbarInlineForSelection": false,
|
||||||
|
|||||||
@@ -151,13 +151,25 @@
|
|||||||
OverflowButtonVisibility="Collapsed">
|
OverflowButtonVisibility="Collapsed">
|
||||||
<CommandBar.PrimaryCommands>
|
<CommandBar.PrimaryCommands>
|
||||||
<AppBarButton
|
<AppBarButton
|
||||||
x:Name="ComposerThemeToggleButton"
|
|
||||||
Click="InvertComposerThemeClicked"
|
Click="InvertComposerThemeClicked"
|
||||||
LabelPosition="Collapsed">
|
LabelPosition="Collapsed"
|
||||||
|
ToolTipService.ToolTip="Light Theme"
|
||||||
|
Visibility="{x:Bind IsComposerDarkMode, Mode=OneWay}">
|
||||||
|
<AppBarButton.Icon>
|
||||||
|
<controls:WinoFontIcon Icon="LightEditor" />
|
||||||
|
</AppBarButton.Icon>
|
||||||
|
</AppBarButton>
|
||||||
|
|
||||||
|
<AppBarButton
|
||||||
|
Click="InvertComposerThemeClicked"
|
||||||
|
LabelPosition="Collapsed"
|
||||||
|
ToolTipService.ToolTip="Dark Theme"
|
||||||
|
Visibility="{x:Bind IsComposerDarkMode, Mode=OneWay, Converter={StaticResource ReverseBooleanToVisibilityConverter}}">
|
||||||
<AppBarButton.Icon>
|
<AppBarButton.Icon>
|
||||||
<controls:WinoFontIcon Icon="DarkEditor" />
|
<controls:WinoFontIcon Icon="DarkEditor" />
|
||||||
</AppBarButton.Icon>
|
</AppBarButton.Icon>
|
||||||
</AppBarButton>
|
</AppBarButton>
|
||||||
|
|
||||||
<AppBarButton Command="{x:Bind ViewModel.DiscardCommand}" Label="Discard">
|
<AppBarButton Command="{x:Bind ViewModel.DiscardCommand}" Label="Discard">
|
||||||
<AppBarButton.Icon>
|
<AppBarButton.Icon>
|
||||||
<controls:WinoFontIcon Icon="Delete" />
|
<controls:WinoFontIcon Icon="Delete" />
|
||||||
@@ -603,23 +615,6 @@
|
|||||||
</Grid>
|
</Grid>
|
||||||
|
|
||||||
<VisualStateManager.VisualStateGroups>
|
<VisualStateManager.VisualStateGroups>
|
||||||
<VisualStateGroup x:Name="ComposerThemeToggleButtonStates">
|
|
||||||
<VisualState x:Name="DarkMode">
|
|
||||||
<VisualState.StateTriggers>
|
|
||||||
<StateTrigger IsActive="{x:Bind IsComposerDarkMode, Mode=OneWay}" />
|
|
||||||
</VisualState.StateTriggers>
|
|
||||||
<VisualState.Setters>
|
|
||||||
<Setter Target="ComposerThemeToggleButton.Label" Value="Light Reader" />
|
|
||||||
<Setter Target="ComposerThemeToggleButton.Icon">
|
|
||||||
<Setter.Value>
|
|
||||||
<controls:WinoFontIcon Icon="LightEditor" />
|
|
||||||
</Setter.Value>
|
|
||||||
</Setter>
|
|
||||||
</VisualState.Setters>
|
|
||||||
</VisualState>
|
|
||||||
|
|
||||||
<VisualState x:Name="LightMode" />
|
|
||||||
</VisualStateGroup>
|
|
||||||
<VisualStateGroup x:Name="DropZoneState">
|
<VisualStateGroup x:Name="DropZoneState">
|
||||||
<VisualState x:Name="Hovered">
|
<VisualState x:Name="Hovered">
|
||||||
<VisualState.StateTriggers>
|
<VisualState.StateTriggers>
|
||||||
|
|||||||
Reference in New Issue
Block a user