Make offline header connection indicator prominent and non-overlapping

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

View File

@@ -47,7 +47,7 @@
- `isDraggable` aus Web-Konfiguration wird korrekt berücksichtigt. - `isDraggable` aus Web-Konfiguration wird korrekt berücksichtigt.
- Mehrdeutigkeitsfehler (`Brushes`) behoben. - Mehrdeutigkeitsfehler (`Brushes`) behoben.
- Vor erfolgreichem Konfig-Ladevorgang wird die Oberfläche analog Offline-Zustand eingeschränkt (nur Info-Navigation und Info-Panel sichtbar). - Vor erfolgreichem Konfig-Ladevorgang wird die Oberfläche analog Offline-Zustand eingeschränkt (nur Info-Navigation und Info-Panel sichtbar).
- Header-Verbindungsindikator für Offline/Verbindungsaufbau im Top-Bereich neu positioniert, damit er nicht von Action-Buttons überdeckt wird. - Header-Verbindungsindikator für Offline/Verbindungsaufbau als farbiger Status-Badge (rot/orange) sichtbarer umgesetzt und so positioniert, dass er nicht von Action-Buttons überdeckt wird.
### Lokalisierung ### Lokalisierung
- DE/EN-Ressourcen sprachlich bereinigt und vereinheitlicht. - DE/EN-Ressourcen sprachlich bereinigt und vereinheitlicht.

View File

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