Toolbar toggle button style issue

[hfann]

Using version 4.3.0, the default style MaterialDesignToolToggleListBoxItem for toolbar toggle button in non-selected enabled state can be easily mistaken as disabled state.

By changing the Opacity property to 0.92 in the Ripple element, users will not mistaken the toggle button as disabled and the style will be more consistent with other toolbar button.

[ElieTaillard]

Can you provide some xaml code and screenshots please ?

[hfann]

Using the default style the toolbar toggle button (left button) looks like a disabled toolbar button. The button on the right is a normal toolbar button.

After modifying the opacity, the toggle button looks like a normal toolbar button.

<ListBox x:Name="ShowIconList">
    <ListBoxItem ToolTip="{x:Static str:Strings.ShowIcon}"
                         Style="{StaticResource MaterialDesignToolToggleListBoxItemA}"
                         Padding="8"
                         MinWidth="24"
                         MouseLeftButtonUp="SetProp_MouseLeftButtonUp"
                         IsSelected="{Binding SelectedItem.ShowIcon, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
             <Image Source="{Binding Converter={StaticResource IcoFileConv}, ConverterParameter=24, Source=Res/Warning.ico}"
                          Width="20"
                          Height="20"
                          RenderOptions.BitmapScalingMode="Fant"
                          HorizontalAlignment="Left"
                          VerticalAlignment="Center" />
     </ListBoxItem>
</ListBox>
<Button ToolTip="{x:Static str:Strings.ChgIcon}"
              Padding="8"
              Command="{Binding ChangeIconCommand}">
        <Image Source="{Binding Converter={StaticResource IcoFileConv}, ConverterParameter=24, Source=Res/ChangeIcon.ico}"
                     Width="20"
                     Height="20"
                     RenderOptions.BitmapScalingMode="Fant"
                     HorizontalAlignment="Left"
                     VerticalAlignment="Center" />
</Button>

The style MaterialDesignToolToggleListBoxItemA is the same as MaterialDesignToolToggleListBoxItem style with only opacity modified.

[ElieTaillard]

Old issue #1453