fix(ui): restore listitem typography and info tab icon/label sizing
This commit is contained in:
@@ -13,6 +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).
|
||||||
|
|
||||||
### 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.
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
mc:Ignorable="d"
|
mc:Ignorable="d"
|
||||||
d:DesignWidth="320"
|
d:DesignWidth="320"
|
||||||
FontSize="12"
|
FontSize="12"
|
||||||
FontFamily="Segoe UI"
|
FontFamily="Arial"
|
||||||
Cursor="Hand"
|
Cursor="Hand"
|
||||||
MouseLeftButtonDown="OnMouseLeftButtonDownClicked"
|
MouseLeftButtonDown="OnMouseLeftButtonDownClicked"
|
||||||
>
|
>
|
||||||
@@ -74,7 +74,6 @@
|
|||||||
HorizontalAlignment="Left"
|
HorizontalAlignment="Left"
|
||||||
VerticalAlignment="Center"
|
VerticalAlignment="Center"
|
||||||
FontStyle="Italic"
|
FontStyle="Italic"
|
||||||
Foreground="{DynamicResource subtleTextColor}"
|
|
||||||
Text="{Binding Path=CreatedDate,StringFormat={}{0:dd.MM.yyyy},FallbackValue='01.01.2021'}" />
|
Text="{Binding Path=CreatedDate,StringFormat={}{0:dd.MM.yyyy},FallbackValue='01.01.2021'}" />
|
||||||
</DockPanel>
|
</DockPanel>
|
||||||
|
|
||||||
@@ -94,7 +93,6 @@
|
|||||||
Text="{Binding Path=Subject,FallbackValue='test Announcement'}"
|
Text="{Binding Path=Subject,FallbackValue='test Announcement'}"
|
||||||
VerticalAlignment="Center"
|
VerticalAlignment="Center"
|
||||||
FontWeight="Bold"
|
FontWeight="Bold"
|
||||||
Foreground="{DynamicResource sectionTitleColor}"
|
|
||||||
ClipToBounds="True" />
|
ClipToBounds="True" />
|
||||||
<TextBlock x:Name="txtContent"
|
<TextBlock x:Name="txtContent"
|
||||||
Grid.Row="2"
|
Grid.Row="2"
|
||||||
@@ -102,7 +100,6 @@
|
|||||||
Margin="15,10,10,0"
|
Margin="15,10,10,0"
|
||||||
VerticalAlignment="Center"
|
VerticalAlignment="Center"
|
||||||
Text="{Binding Path=Text,FallbackValue='test text'}"
|
Text="{Binding Path=Text,FallbackValue='test text'}"
|
||||||
Foreground="{DynamicResource subtleTextColor}"
|
|
||||||
TextWrapping="Wrap"
|
TextWrapping="Wrap"
|
||||||
TextTrimming="CharacterEllipsis"
|
TextTrimming="CharacterEllipsis"
|
||||||
LineStackingStrategy="BlockLineHeight"
|
LineStackingStrategy="BlockLineHeight"
|
||||||
@@ -117,7 +114,6 @@
|
|||||||
Margin="15,5,10,0"
|
Margin="15,5,10,0"
|
||||||
VerticalAlignment="Center"
|
VerticalAlignment="Center"
|
||||||
FontStyle="Italic"
|
FontStyle="Italic"
|
||||||
Foreground="{DynamicResource subtleTextColor}"
|
|
||||||
TextWrapping="Wrap"
|
TextWrapping="Wrap"
|
||||||
TextTrimming="CharacterEllipsis"
|
TextTrimming="CharacterEllipsis"
|
||||||
LineStackingStrategy="BlockLineHeight"
|
LineStackingStrategy="BlockLineHeight"
|
||||||
|
|||||||
@@ -79,13 +79,13 @@
|
|||||||
<Style x:Key="InfoRowIconStyle"
|
<Style x:Key="InfoRowIconStyle"
|
||||||
TargetType="{x:Type Image}">
|
TargetType="{x:Type Image}">
|
||||||
<Setter Property="Width"
|
<Setter Property="Width"
|
||||||
Value="24" />
|
Value="48" />
|
||||||
<Setter Property="Height"
|
<Setter Property="Height"
|
||||||
Value="24" />
|
Value="48" />
|
||||||
<Setter Property="Canvas.Left"
|
<Setter Property="Canvas.Left"
|
||||||
Value="0" />
|
Value="0" />
|
||||||
<Setter Property="Canvas.Top"
|
<Setter Property="Canvas.Top"
|
||||||
Value="1" />
|
Value="0" />
|
||||||
</Style>
|
</Style>
|
||||||
|
|
||||||
<Style x:Key="InfoRowLabelStyle"
|
<Style x:Key="InfoRowLabelStyle"
|
||||||
@@ -93,36 +93,36 @@
|
|||||||
<Setter Property="Foreground"
|
<Setter Property="Foreground"
|
||||||
Value="{DynamicResource sectionTitleColor}" />
|
Value="{DynamicResource sectionTitleColor}" />
|
||||||
<Setter Property="FontSize"
|
<Setter Property="FontSize"
|
||||||
Value="15" />
|
Value="16" />
|
||||||
<Setter Property="Padding"
|
<Setter Property="Padding"
|
||||||
Value="0" />
|
Value="0" />
|
||||||
<Setter Property="Margin"
|
<Setter Property="Margin"
|
||||||
Value="0" />
|
Value="0" />
|
||||||
<Setter Property="Height"
|
<Setter Property="Height"
|
||||||
Value="20" />
|
Value="22" />
|
||||||
<Setter Property="VerticalContentAlignment"
|
<Setter Property="VerticalContentAlignment"
|
||||||
Value="Center" />
|
Value="Center" />
|
||||||
<Setter Property="HorizontalContentAlignment"
|
<Setter Property="HorizontalContentAlignment"
|
||||||
Value="Left" />
|
Value="Left" />
|
||||||
<Setter Property="Canvas.Left"
|
<Setter Property="Canvas.Left"
|
||||||
Value="30" />
|
Value="40" />
|
||||||
<Setter Property="Canvas.Top"
|
<Setter Property="Canvas.Top"
|
||||||
Value="2" />
|
Value="10" />
|
||||||
</Style>
|
</Style>
|
||||||
|
|
||||||
<Style x:Key="InfoRowValueStyle"
|
<Style x:Key="InfoRowValueStyle"
|
||||||
TargetType="{x:Type TextBox}"
|
TargetType="{x:Type TextBox}"
|
||||||
BasedOn="{StaticResource InfoTextBoxStyle}">
|
BasedOn="{StaticResource InfoTextBoxStyle}">
|
||||||
<Setter Property="Width"
|
<Setter Property="Width"
|
||||||
Value="310" />
|
Value="300" />
|
||||||
<Setter Property="Height"
|
<Setter Property="Height"
|
||||||
Value="28" />
|
Value="25" />
|
||||||
<Setter Property="FontSize"
|
<Setter Property="FontSize"
|
||||||
Value="15" />
|
Value="16" />
|
||||||
<Setter Property="Canvas.Left"
|
<Setter Property="Canvas.Left"
|
||||||
Value="12" />
|
Value="15" />
|
||||||
<Setter Property="Canvas.Top"
|
<Setter Property="Canvas.Top"
|
||||||
Value="21" />
|
Value="33" />
|
||||||
</Style>
|
</Style>
|
||||||
|
|
||||||
<Style x:Key="InfoRowCopyStyle"
|
<Style x:Key="InfoRowCopyStyle"
|
||||||
@@ -130,13 +130,13 @@
|
|||||||
<Setter Property="Cursor"
|
<Setter Property="Cursor"
|
||||||
Value="Hand" />
|
Value="Hand" />
|
||||||
<Setter Property="Width"
|
<Setter Property="Width"
|
||||||
Value="22" />
|
Value="28" />
|
||||||
<Setter Property="Height"
|
<Setter Property="Height"
|
||||||
Value="22" />
|
Value="25" />
|
||||||
<Setter Property="Canvas.Left"
|
<Setter Property="Canvas.Left"
|
||||||
Value="325" />
|
Value="312" />
|
||||||
<Setter Property="Canvas.Top"
|
<Setter Property="Canvas.Top"
|
||||||
Value="24" />
|
Value="33" />
|
||||||
</Style>
|
</Style>
|
||||||
</UserControl.Resources>
|
</UserControl.Resources>
|
||||||
|
|
||||||
@@ -173,7 +173,7 @@
|
|||||||
Canvas.Left="0"
|
Canvas.Left="0"
|
||||||
Width="350">
|
Width="350">
|
||||||
<Canvas Width="350"
|
<Canvas Width="350"
|
||||||
Height="50">
|
Height="60">
|
||||||
<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 +196,7 @@
|
|||||||
</Canvas>
|
</Canvas>
|
||||||
|
|
||||||
<Canvas Width="350"
|
<Canvas Width="350"
|
||||||
Height="50">
|
Height="60">
|
||||||
<Image Source="{DynamicResource appbar_network}"
|
<Image Source="{DynamicResource appbar_network}"
|
||||||
Style="{StaticResource InfoRowIconStyle}"
|
Style="{StaticResource InfoRowIconStyle}"
|
||||||
x:Name="icoNetwork_Inline"
|
x:Name="icoNetwork_Inline"
|
||||||
@@ -219,7 +219,7 @@
|
|||||||
</Canvas>
|
</Canvas>
|
||||||
|
|
||||||
<Canvas Width="350"
|
<Canvas Width="350"
|
||||||
Height="50"
|
Height="60"
|
||||||
x:Name="CanvasHostname"
|
x:Name="CanvasHostname"
|
||||||
x:FieldModifier="private">
|
x:FieldModifier="private">
|
||||||
<Image Source="{DynamicResource appbar_remotehost}"
|
<Image Source="{DynamicResource appbar_remotehost}"
|
||||||
@@ -244,7 +244,7 @@
|
|||||||
</Canvas>
|
</Canvas>
|
||||||
|
|
||||||
<Canvas Width="350"
|
<Canvas Width="350"
|
||||||
Height="50">
|
Height="60">
|
||||||
<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 +268,7 @@
|
|||||||
</Canvas>
|
</Canvas>
|
||||||
|
|
||||||
<Canvas Width="350"
|
<Canvas Width="350"
|
||||||
Height="50">
|
Height="60">
|
||||||
<Image Source="{DynamicResource appbar_reset}"
|
<Image Source="{DynamicResource appbar_reset}"
|
||||||
Style="{StaticResource InfoRowIconStyle}"
|
Style="{StaticResource InfoRowIconStyle}"
|
||||||
x:Name="icoRestart_Inline"
|
x:Name="icoRestart_Inline"
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
mc:Ignorable="d"
|
mc:Ignorable="d"
|
||||||
d:DesignWidth="320"
|
d:DesignWidth="320"
|
||||||
FontSize="12"
|
FontSize="12"
|
||||||
FontFamily="Segoe UI"
|
FontFamily="Arial"
|
||||||
Cursor="Hand"
|
Cursor="Hand"
|
||||||
>
|
>
|
||||||
<UserControl.Resources>
|
<UserControl.Resources>
|
||||||
@@ -53,24 +53,24 @@
|
|||||||
ScaleY="0.8" />
|
ScaleY="0.8" />
|
||||||
</Image.RenderTransform>
|
</Image.RenderTransform>
|
||||||
</Image>
|
</Image>
|
||||||
<TextBlock x:Name="txtTicketType" Margin="5,0,0,0" Grid.Column="0" HorizontalAlignment="Left" Text="{Binding Path=TicketType,FallbackValue='Störung'}" FontStyle="Italic" Foreground="{DynamicResource subtleTextColor}" Width="95"></TextBlock>
|
<TextBlock x:Name="txtTicketType" Margin="5,0,0,0" Grid.Column="0" HorizontalAlignment="Left" Text="{Binding Path=TicketType,FallbackValue='Störung'}" FontStyle="Italic" Width="95"></TextBlock>
|
||||||
</DockPanel>
|
</DockPanel>
|
||||||
<DockPanel Grid.Column="1" Margin="10,0,0,0">
|
<DockPanel Grid.Column="1" Margin="10,0,0,0">
|
||||||
<TextBlock x:Name="txtState" HorizontalAlignment="Center" Text="{Binding Path=State, FallbackValue='State'}" FontStyle="Italic" Foreground="{DynamicResource subtleTextColor}"></TextBlock>
|
<TextBlock x:Name="txtState" HorizontalAlignment="Center" Text="{Binding Path=State, FallbackValue='State'}" FontStyle="Italic"></TextBlock>
|
||||||
<Grid Grid.Column="1" HorizontalAlignment="Right" Margin="0,0,6,0" Width="26" x:Name="sortByState" Visibility="Collapsed">
|
<Grid Grid.Column="1" HorizontalAlignment="Right" Margin="0,0,6,0" Width="26" x:Name="sortByState" Visibility="Collapsed">
|
||||||
<TextBlock Text="⯆" Margin="12,0,0,0" x:Name="descState" FontSize="14" Tag="5" PreviewMouseDown="orderBy_PreviewMouseDown" Cursor="Hand" />
|
<TextBlock Text="⯆" Margin="12,0,0,0" x:Name="descState" FontSize="14" Tag="5" PreviewMouseDown="orderBy_PreviewMouseDown" Cursor="Hand" />
|
||||||
<TextBlock Text="⯅" x:Name="ascState" FontSize="14" Tag="4" Margin="0,0,10,0" PreviewMouseDown="orderBy_PreviewMouseDown" Cursor="Hand" />
|
<TextBlock Text="⯅" x:Name="ascState" FontSize="14" Tag="4" Margin="0,0,10,0" PreviewMouseDown="orderBy_PreviewMouseDown" Cursor="Hand" />
|
||||||
</Grid>
|
</Grid>
|
||||||
</DockPanel>
|
</DockPanel>
|
||||||
<TextBlock x:Name="txtID" Grid.Column="2" HorizontalAlignment="Right" Cursor="Hand" TextDecorations="Underline" Foreground="{DynamicResource accentColor}" ToolTip="{x:Static resx:Resources.CallTicketDetails}" Text="{Binding Path=TicketNumber, FallbackValue='TCK0004'}" Margin="0,0,22,0"></TextBlock>
|
<TextBlock x:Name="txtID" Grid.Column="2" HorizontalAlignment="Right" Cursor="Hand" TextDecorations="Underline" Foreground="#1E72C7" ToolTip="{x:Static resx:Resources.CallTicketDetails}" Text="{Binding Path=TicketNumber, FallbackValue='TCK0004'}" Margin="0,0,22,0"></TextBlock>
|
||||||
<Grid Grid.Column="2" HorizontalAlignment="Right" Width="25" x:Name="sortByTicketNumber" Visibility="Collapsed" Margin="0,0,-3,0">
|
<Grid Grid.Column="2" HorizontalAlignment="Right" Width="25" x:Name="sortByTicketNumber" Visibility="Collapsed" Margin="0,0,-3,0">
|
||||||
<TextBlock Text="⯆" Margin="12,0,0,0" x:Name="descTicketnumber" FontSize="14" Tag="1" PreviewMouseDown="orderBy_PreviewMouseDown" Cursor="Hand" />
|
<TextBlock Text="⯆" Margin="12,0,0,0" x:Name="descTicketnumber" FontSize="14" Tag="1" PreviewMouseDown="orderBy_PreviewMouseDown" Cursor="Hand" />
|
||||||
<TextBlock Text="⯅" x:Name="ascTicketnumber" FontSize="14" Margin="0,0,13,0" Tag="0" PreviewMouseDown="orderBy_PreviewMouseDown" Cursor="Hand" />
|
<TextBlock Text="⯅" x:Name="ascTicketnumber" FontSize="14" Margin="0,0,13,0" Tag="0" PreviewMouseDown="orderBy_PreviewMouseDown" Cursor="Hand" />
|
||||||
</Grid>
|
</Grid>
|
||||||
</Grid>
|
</Grid>
|
||||||
<TextBlock x:Name="txtContent" Grid.Row="1" VerticalAlignment="Top" Margin="8,12,5,24" FontWeight="Bold" Foreground="{DynamicResource sectionTitleColor}" TextWrapping="Wrap" Text="{Binding Path=Subject,FallbackValue='test Ticket'}"></TextBlock>
|
<TextBlock x:Name="txtContent" Grid.Row="1" VerticalAlignment="Top" Margin="8,12,5,24" FontWeight="Bold" TextWrapping="Wrap" Text="{Binding Path=Subject,FallbackValue='test Ticket'}"></TextBlock>
|
||||||
<TextBlock x:Name="txtCreatedDate" Grid.Row="1" VerticalAlignment="Bottom" HorizontalAlignment="Right" Text="{Binding Path=CreatedDate, StringFormat={}{0:dd.MM.yyyy HH:mm}, FallbackValue='Datum'}" FontStyle="Italic" Foreground="{DynamicResource subtleTextColor}" Width="100" Margin="0,32,27,6"></TextBlock>
|
<TextBlock x:Name="txtCreatedDate" Grid.Row="1" VerticalAlignment="Bottom" HorizontalAlignment="Right" Text="{Binding Path=CreatedDate, StringFormat={}{0:dd.MM.yyyy HH:mm}, FallbackValue='Datum'}" FontStyle="Italic" Width="100" Margin="0,32,27,6"></TextBlock>
|
||||||
<TextBlock Visibility="{Binding Path=IsUnread, Converter={StaticResource BoolToVis}}" x:Name="txtLastAction" Grid.Row="1" HorizontalAlignment="Right" FontStyle="Italic" Foreground="{DynamicResource subtleTextColor}" Width="165" Margin="0,32,145,4" Text="{Binding Path=LastJournalEntryActionText,FallbackValue='test Ticket'}"></TextBlock>
|
<TextBlock Visibility="{Binding Path=IsUnread, Converter={StaticResource BoolToVis}}" x:Name="txtLastAction" Grid.Row="1" HorizontalAlignment="Right" FontStyle="Italic" Width="165" Margin="0,32,145,4" Text="{Binding Path=LastJournalEntryActionText,FallbackValue='test Ticket'}"></TextBlock>
|
||||||
<Grid HorizontalAlignment="Right" Width="25" Grid.Row="1" x:Name="sortByCreatedDate" Visibility="Collapsed" VerticalAlignment="Bottom" Height="16" Margin="0,0,0,4">
|
<Grid HorizontalAlignment="Right" Width="25" Grid.Row="1" x:Name="sortByCreatedDate" Visibility="Collapsed" VerticalAlignment="Bottom" Height="16" Margin="0,0,0,4">
|
||||||
<TextBlock Text="⯆" Margin="12,0,0,0" x:Name="descCreatedDate" FontSize="14" PreviewMouseDown="orderBy_PreviewMouseDown" Cursor="Hand" Tag="3"/>
|
<TextBlock Text="⯆" Margin="12,0,0,0" x:Name="descCreatedDate" FontSize="14" PreviewMouseDown="orderBy_PreviewMouseDown" Cursor="Hand" Tag="3"/>
|
||||||
<TextBlock Text="⯅" x:Name="ascCreatedDate" Tag="2" FontSize="14" Margin="0,0,13,0" PreviewMouseDown="orderBy_PreviewMouseDown" Cursor="Hand" />
|
<TextBlock Text="⯅" x:Name="ascCreatedDate" Tag="2" FontSize="14" Margin="0,0,13,0" PreviewMouseDown="orderBy_PreviewMouseDown" Cursor="Hand" />
|
||||||
|
|||||||
Reference in New Issue
Block a user