Meik/CustomerPanel-Test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make offline header connection indicator prominent and non-overlapping

Browse Source
This commit is contained in:
Meik
2026-03-05 15:15:12 +01:00
parent d429608215
commit d9c6cb4d77
2 changed files with 61 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
MainWindow.xaml
View File

@@ -417,46 +417,66 @@
</StackPanel>
</Border>
<!--<TextBlock MouseDown="OnCloseClicked" HorizontalAlignment="Right" FontSize="20" FontWeight="Bold" Margin="0,-5,5,0" Cursor="Hand" Panel.ZIndex="500" >X</TextBlock>-->
<Image Source="{DynamicResource nav_appbar_network_server_disconnect}"
Tag="ICO"
x:Name="ConnProblem"
Panel.ZIndex="505"
Width="20"
Height="20"
Margin="0,16,88,0"
HorizontalAlignment="Right"
VerticalAlignment="Top"
Visibility="Visible" />
<Image Source="{DynamicResource nav_appbar_network_server_connecting}"
Tag="ICO"
x:Name="Connecting"
Panel.ZIndex="505"
Width="20"
Height="20"
Margin="0,16,88,0"
HorizontalAlignment="Right"
VerticalAlignment="Top"
Visibility="Visible">
<Image.Style>
<Style>
<Style.Triggers>
<EventTrigger RoutedEvent="Image.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="(Image.Opacity)"
BeginTime="0:0:0"
Duration="0:0:0.75"
From="1.5"
To="0.0"
RepeatBehavior="Forever"
AutoReverse="True" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
<Border HorizontalAlignment="Right"
VerticalAlignment="Top"
Margin="0,12,96,0"
Width="28"
Height="28"
Panel.ZIndex="505"
CornerRadius="14"
BorderThickness="1"
BorderBrush="#FFD92D20"
Background="#33D92D20"
Visibility="{Binding Visibility, ElementName=ConnProblem}">
<Image Source="{DynamicResource nav_appbar_network_server_disconnect}"
Tag="ICO"
x:Name="ConnProblem"
Width="18"
Height="18"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Visibility="Visible" />
</Border>
<Border HorizontalAlignment="Right"
VerticalAlignment="Top"
Margin="0,12,96,0"
Width="28"
Height="28"
Panel.ZIndex="505"
CornerRadius="14"
BorderThickness="1"
BorderBrush="#FFD97706"
Background="#33F59E0B"
Visibility="{Binding Visibility, ElementName=Connecting}">
<Image Source="{DynamicResource nav_appbar_network_server_connecting}"
Tag="ICO"
x:Name="Connecting"
Width="18"
Height="18"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Visibility="Visible">
<Image.Style>
<Style>
<Style.Triggers>
<EventTrigger RoutedEvent="Image.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="(Image.Opacity)"
BeginTime="0:0:0"
Duration="0:0:0.75"
From="1.5"
To="0.0"
RepeatBehavior="Forever"
AutoReverse="True" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
</Border>
<Border Visibility="Hidden"
Opacity="1"
x:Name="TopAbstract"