fix(ui): increase info-tab row spacing and icon-label gap

This commit is contained in:
Meik
2026-03-05 18:33:19 +01:00
parent 3546a77892
commit 0669d45785
2 changed files with 13 additions and 7 deletions

View File

@@ -13,7 +13,7 @@
- MainWindow-Ecküberstände beseitigt: Navigation-Rail unten links an den Fensterradius angepasst, Content-Bereich im `DockPanel` als Fill-Element geführt, zusätzlicher Surface-Clip auf Radius `20` gesetzt, den gesamten `MainWindowContentRoot` als konstanten `1px`-Inset innerhalb des Rahmens geführt, den Body-Host per Geometrie mit zum Innenradius passenden gerundeten unteren Ecken begrenzt, eine On-Top-Corner-Maske (`Rectangle - RoundedRectangle`) ergänzt, eine explizite On-Top-Rahmenkontur als `Path` ergänzt, die linke Rail-Kante ohne eigene Außenlinie geführt (kein Doppelrahmen links) und zusätzlich per Win32-Window-Region (`SetWindowRgn`) die Fensterkontur selbst auf Rundung begrenzt (WPF-Typen für Geometriepunkte/-größen explizit qualifiziert, um Mehrdeutigkeiten mit `System.Drawing` zu vermeiden). - MainWindow-Ecküberstände beseitigt: Navigation-Rail unten links an den Fensterradius angepasst, Content-Bereich im `DockPanel` als Fill-Element geführt, zusätzlicher Surface-Clip auf Radius `20` gesetzt, den gesamten `MainWindowContentRoot` als konstanten `1px`-Inset innerhalb des Rahmens geführt, den Body-Host per Geometrie mit zum Innenradius passenden gerundeten unteren Ecken begrenzt, eine On-Top-Corner-Maske (`Rectangle - RoundedRectangle`) ergänzt, eine explizite On-Top-Rahmenkontur als `Path` ergänzt, die linke Rail-Kante ohne eigene Außenlinie geführt (kein Doppelrahmen links) und zusätzlich per Win32-Window-Region (`SetWindowRgn`) die Fensterkontur selbst auf Rundung begrenzt (WPF-Typen für Geometriepunkte/-größen explizit qualifiziert, um Mehrdeutigkeiten mit `System.Drawing` zu vermeiden).
- Sichtbarkeit des Main-Contents wiederhergestellt: Navigations-/Content-Host auf feste Breitenaufteilung (`75 + 425`) umgestellt, damit das Inhaltspanel nicht mehr durch einen Zero-Width-Viewport abgeschnitten wird. - Sichtbarkeit des Main-Contents wiederhergestellt: Navigations-/Content-Host auf feste Breitenaufteilung (`75 + 425`) umgestellt, damit das Inhaltspanel nicht mehr durch einen Zero-Width-Viewport abgeschnitten wird.
- Rounded-Clipping nach manuellen Refreshes stabilisiert: Nach jedem `SetAppearance` werden Surface-Clip und Window-Region erneut angewendet (inklusive Render-Pass), damit Inhalte nach `Refresh` nicht mehr über die vier gerundeten Ecken hinausragen. - Rounded-Clipping nach manuellen Refreshes stabilisiert: Nach jedem `SetAppearance` werden Surface-Clip und Window-Region erneut angewendet (inklusive Render-Pass), damit Inhalte nach `Refresh` nicht mehr über die vier gerundeten Ecken hinausragen.
- Ankündigungs- und Ticket-Listitems auf ursprüngliche Textdarstellung zurückgestellt (wie vor Redesign): `Arial` statt `Segoe UI`, Textfarben für Datum/Status/Inhalt/Betreff wieder ohne modernisierte Akzent-/Subtle-Farben und Ticketnummer-Link wieder in klassischem Blau `#1E72C7`; im Information-Tab wurden Zeilen-Icon- und Label-Größen wieder an den initialen Stand angenähert (größere Icons/Labels). - Ankündigungs- und Ticket-Listitems auf ursprüngliche Textdarstellung zurückgestellt (wie vor Redesign): `Arial` statt `Segoe UI`, Textfarben für Datum/Status/Inhalt/Betreff wieder ohne modernisierte Akzent-/Subtle-Farben und Ticketnummer-Link wieder in klassischem Blau `#1E72C7`; im Information-Tab wurden Zeilen-Icon- und Label-Größen wieder an den initialen Stand angenähert (größere Icons/Labels) und die vertikalen Feldabstände inklusive zusätzlichem Abstand bei der Laufwerksinfo vergrößert.
### Navigation und Interaktion ### Navigation und Interaktion
- Navigation-Buttons neu ausgerichtet (horizontal/vertikal), Icons vergrößert und Zustände vereinheitlicht. - Navigation-Buttons neu ausgerichtet (horizontal/vertikal), Icons vergrößert und Zustände vereinheitlicht.

View File

@@ -105,7 +105,7 @@
<Setter Property="HorizontalContentAlignment" <Setter Property="HorizontalContentAlignment"
Value="Left" /> Value="Left" />
<Setter Property="Canvas.Left" <Setter Property="Canvas.Left"
Value="40" /> Value="56" />
<Setter Property="Canvas.Top" <Setter Property="Canvas.Top"
Value="10" /> Value="10" />
</Style> </Style>
@@ -173,7 +173,8 @@
Canvas.Left="0" Canvas.Left="0"
Width="350"> Width="350">
<Canvas Width="350" <Canvas Width="350"
Height="60"> Height="60"
Margin="0,0,0,4">
<Image Source="{DynamicResource appbar_monitor}" <Image Source="{DynamicResource appbar_monitor}"
Style="{StaticResource InfoRowIconStyle}" Style="{StaticResource InfoRowIconStyle}"
x:Name="icoComputer_Inline" x:Name="icoComputer_Inline"
@@ -196,7 +197,8 @@
</Canvas> </Canvas>
<Canvas Width="350" <Canvas Width="350"
Height="60"> Height="60"
Margin="0,0,0,4">
<Image Source="{DynamicResource appbar_network}" <Image Source="{DynamicResource appbar_network}"
Style="{StaticResource InfoRowIconStyle}" Style="{StaticResource InfoRowIconStyle}"
x:Name="icoNetwork_Inline" x:Name="icoNetwork_Inline"
@@ -220,6 +222,7 @@
<Canvas Width="350" <Canvas Width="350"
Height="60" Height="60"
Margin="0,0,0,4"
x:Name="CanvasHostname" x:Name="CanvasHostname"
x:FieldModifier="private"> x:FieldModifier="private">
<Image Source="{DynamicResource appbar_remotehost}" <Image Source="{DynamicResource appbar_remotehost}"
@@ -244,7 +247,8 @@
</Canvas> </Canvas>
<Canvas Width="350" <Canvas Width="350"
Height="60"> Height="60"
Margin="0,0,0,4">
<Image Source="{DynamicResource appbar_people}" <Image Source="{DynamicResource appbar_people}"
Style="{StaticResource InfoRowIconStyle}" Style="{StaticResource InfoRowIconStyle}"
x:Name="icoUser_Inline" x:Name="icoUser_Inline"
@@ -268,7 +272,8 @@
</Canvas> </Canvas>
<Canvas Width="350" <Canvas Width="350"
Height="60"> Height="60"
Margin="0,0,0,6">
<Image Source="{DynamicResource appbar_reset}" <Image Source="{DynamicResource appbar_reset}"
Style="{StaticResource InfoRowIconStyle}" Style="{StaticResource InfoRowIconStyle}"
x:Name="icoRestart_Inline" x:Name="icoRestart_Inline"
@@ -292,7 +297,8 @@
</Canvas> </Canvas>
<Canvas Width="350" <Canvas Width="350"
Height="86"> Height="86"
Margin="0,0,0,12">
<Image Source="{DynamicResource appbar_folder_ellipsis}" <Image Source="{DynamicResource appbar_folder_ellipsis}"
Style="{StaticResource InfoRowIconStyle}" Style="{StaticResource InfoRowIconStyle}"
x:Name="icoDrive_Inline" x:Name="icoDrive_Inline"