[Linux] Add Label styling

Author: apman

samples/SampleApp/DemoPages/LabelDemo.axaml

@@ -12,7 +12,7 @@
     </StackPanel>
 
     <StackPanel>
-      <Label Content="Label disabled" IsEnabled="False" Target="{Binding #Input2}" />
+      <Label Content="Label explicitly disabled" IsEnabled="False" Target="{Binding #Input2}" />
       <TextBox Name="Input2" Text="Linked input control not affected" />
     </StackPanel>
 
@@ -32,14 +32,22 @@
     </StackPanel>
 
     <StackPanel>
-      <Label Content="Label.form" Classes="form" Target="{Binding #Input6}" />
+      <Label Classes="form" Target="{Binding #Input6}">
+        <Label.Content>
+          <TextBlock>Label with <TextBlock Classes="code" Text="&lt;Label Classes=&quot;form&quot;&gt;" /></TextBlock>
+        </Label.Content>
+      </Label>
       <TextBox Name="Input6" Text="Colon automatically added" />
     </StackPanel>
 
 
-    <TextBlock Classes="section-title" Text="Grid.form or Grid.compact-form" Margin="0 20 0 0" />
-    <TextBlock Text="Colons added to all labels" />
-    <Grid Classes="form" ColumnDefinitions="Auto, *" RowDefinitions="Auto,Auto" Margin="10 0">
+    <TextBlock Margin="0 20 0 0">
+      <TextBlock Classes="code" Text="Grid.form" /> or
+      <TextBlock Classes="code" Text="Grid.compact-form" />
+      <LineBreak />  --&gt; Colons added to all labels
+    </TextBlock>
+
+    <Grid Classes="form" ColumnDefinitions="Auto, *" RowDefinitions="Auto,Auto" Margin="10 0" ColumnSpacing="4" RowSpacing="4">
       <Label Content="_First" Grid.Row="0" Grid.Column="0" VerticalAlignment="Center" Target="{Binding #FirstNameBox}" />
       <TextBox Name="FirstNameBox" Grid.Row="0" Grid.Column="1" Text="Otto" />
 

samples/SampleApp/MainWindow.axaml

@@ -120,7 +120,7 @@
       </TabItem>
       <TabItem IsSelected="True">
         <TabItem.Header>
-          <controls:SampleItemHeader Title="Label" ApplicableTo="MacOS" />
+          <controls:SampleItemHeader Title="Label" ApplicableTo="MacOS, Windows - DevExpress, Linux - Yaru" />
         </TabItem.Header>
         <demoPages:LabelDemo />
       </TabItem>

src/Devolutions.AvaloniaTheme.Linux/Controls/Label.axaml

@@ -0,0 +1,37 @@
+<!-- Based off https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Themes.Fluent/Controls/Label.xaml -->
+
+<ResourceDictionary xmlns="https://github.com/avaloniaui"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    x:ClassModifier="internal">
+
+  <ControlTheme x:Key="{x:Type Label}" TargetType="Label">
+    <Setter Property="Padding" Value="3" />
+    <Setter Property="IsEnabled" Value="{Binding $self.Target.IsEnabled, FallbackValue=True}" />
+    <Setter Property="Template">
+      <ControlTemplate>
+        <StackPanel Orientation="Horizontal" Margin="{TemplateBinding Padding}">
+          <ContentPresenter Name="PART_ContentPresenter"
+                            Background="{TemplateBinding Background}"
+                            BorderBrush="{TemplateBinding BorderBrush}"
+                            BorderThickness="{TemplateBinding BorderThickness}"
+                            CornerRadius="{TemplateBinding CornerRadius}"
+                            ContentTemplate="{TemplateBinding ContentTemplate}"
+                            Content="{TemplateBinding Content}"
+                            RecognizesAccessKey="True"
+                            VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                            HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" />
+          <!-- TextBlock#Colon can be used in styles to automatically display colon after each label (cp. SampleApp/styles.axaml) -->
+          <TextBlock
+            Name="Colon"
+            Text=":"
+            IsVisible="False" />
+        </StackPanel>
+      </ControlTemplate>
+    </Setter>
+
+    <Style Selector="^:disabled">
+      <Setter Property="Foreground" Value="{DynamicResource ForegroundLowBrush}" />
+    </Style>
+
+  </ControlTheme>
+</ResourceDictionary>

src/Devolutions.AvaloniaTheme.Linux/Controls/_index.axaml

@@ -14,6 +14,7 @@
     <MergeResourceInclude Source="DataGrid.axaml" />
     <MergeResourceInclude Source="EmbeddableControlRoot.axaml" />
     <MergeResourceInclude Source="Expander.axaml" />
+    <MergeResourceInclude Source="Label.axaml" />
     <MergeResourceInclude Source="ListBox.axaml" />
     <MergeResourceInclude Source="NumericUpDown.axaml" />
     <MergeResourceInclude Source="TabItem.axaml" />