Update AddressToolbar.xaml

Author: yaira2

src/Files.App/UserControls/AddressToolbar.xaml

@@ -582,7 +582,53 @@
 					</VisualState.Setters>
 				</VisualState>
 			</VisualStateGroup>
+			<VisualStateGroup>
+				<VisualState x:Name="TasksSuccess">
+					<VisualState.StateTriggers>
+						<triggers:CompareStateTrigger
+							Comparison="Equal"
+							Value="{x:Bind OngoingTasksViewModel.InfoBadgeState, Mode=OneWay}"
+							To="0" />
+					</VisualState.StateTriggers>
+					<VisualState.Setters>
+						<Setter Target="StatusInfoBadge.Style" Value="{StaticResource SuccessIconInfoBadgeStyle}" />
+					</VisualState.Setters>
+				</VisualState>
+				<VisualState x:Name="TasksOnging">
+					<VisualState.StateTriggers>
+						<triggers:CompareStateTrigger
+							Comparison="Equal"
+							Value="{x:Bind OngoingTasksViewModel.InfoBadgeState, Mode=OneWay}"
+							To="1" />
+					</VisualState.StateTriggers>
+					<VisualState.Setters>
+						<Setter Target="StatusInfoBadge.Style" Value="{StaticResource AttentionValueInfoBadgeStyle}" />
+					</VisualState.Setters>
+				</VisualState>
+				<VisualState x:Name="TasksFailure">
+					<VisualState.StateTriggers>
+						<triggers:CompareStateTrigger
+							Comparison="Equal"
+							Value="{x:Bind OngoingTasksViewModel.InfoBadgeState, Mode=OneWay}"
+							To="2" />
+					</VisualState.StateTriggers>
+					<VisualState.Setters>
+						<Setter Target="StatusInfoBadge.Style" Value="{StaticResource CriticalValueInfoBadgeStyle}" />
+					</VisualState.Setters>
+				</VisualState>
+				<VisualState x:Name="TasksCompletionWithFailure">
+					<VisualState.StateTriggers>
+						<triggers:CompareStateTrigger
+							Comparison="Equal"
+							Value="{x:Bind OngoingTasksViewModel.InfoBadgeState, Mode=OneWay}"
+							To="3" />
+					</VisualState.StateTriggers>
+					<VisualState.Setters>
+						<Setter Target="StatusInfoBadge.Style" Value="{StaticResource CriticalIconInfoBadgeStyle}" />
+					</VisualState.Setters>
+				</VisualState>
+			</VisualStateGroup>
 		</VisualStateManager.VisualStateGroups>
 	</Grid>
 
-</UserControl>
+</UserControl>

src/Files.App/UserControls/Widgets/DrivesWidget.xaml

@@ -9,7 +9,7 @@
 	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 	mc:Ignorable="d">
 
-	<Grid Padding="16,0,16,0">
+	<Grid>
 		<ItemsRepeater
 			x:Name="CardsList"
 			HorizontalAlignment="Stretch"
@@ -57,7 +57,6 @@
 								<RowDefinition Height="*" />
 								<RowDefinition Height="*" />
 							</Grid.RowDefinitions>
-
 							<Image
 								Grid.RowSpan="3"
 								Grid.Column="0"
@@ -127,7 +126,6 @@
 								TextTrimming="CharacterEllipsis"
 								TextWrapping="NoWrap"
 								ToolTipService.ToolTip="{x:Bind Item.SpaceText, Mode=OneWay}" />
-
 						</Grid>
 					</Button>
 				</DataTemplate>

src/Files.App/UserControls/Widgets/QuickAccessWidget.xaml

@@ -8,7 +8,7 @@
 	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 	mc:Ignorable="d">
 
-	<Grid Padding="16,0,16,0">
+	<Grid>
 		<ItemsRepeater
 			x:Name="CardsList"
 			Grid.Row="0"

src/Files.App/UserControls/Widgets/RecentFilesWidget.xaml

@@ -12,12 +12,11 @@
 	Background="{ThemeResource SolidBackgroundFillColorBaseBrush}"
 	mc:Ignorable="d">
 
-	<StackPanel x:Name="RecentsListGrid" Padding="12,0,12,0">
+	<StackPanel x:Name="RecentsListGrid" Orientation="Vertical">
 
 		<!--  Message when recent files are disabled in File Explorer  -->
 		<muxc:InfoBar
 			x:Name="RecentFilesDisabledOnWindowsWarning"
-			Margin="4,0,4,0"
 			x:Load="{x:Bind IsRecentFilesDisabledInWindows, Mode=OneWay}"
 			IsClosable="False"
 			IsIconVisible="True"
@@ -28,7 +27,6 @@
 		<!--  Message when there are no recent files to display  -->
 		<TextBlock
 			x:Name="RecentItemDescription"
-			Margin="4,0,4,0"
 			HorizontalAlignment="Stretch"
 			x:Load="{x:Bind IsEmptyRecentsTextVisible, Mode=OneWay}"
 			FontSize="14"
@@ -51,8 +49,6 @@
 
 			<ListView.ItemContainerStyle>
 				<Style BasedOn="{StaticResource DefaultListViewItemStyle}" TargetType="ListViewItem">
-					<Setter Property="Margin" Value="0" />
-					<Setter Property="Padding" Value="12,0" />
 					<Setter Property="MinHeight" Value="1" />
 					<Setter Property="Height" Value="{ThemeResource ListItemHeight}" />
 					<Setter Property="Margin" Value="{ThemeResource ListItemMargin}" />
@@ -62,41 +58,41 @@
 			<ListView.ItemTemplate>
 				<DataTemplate x:DataType="recent:RecentItem">
 					<Grid
+						Padding="2.5"
+						HorizontalAlignment="Stretch"
+						VerticalAlignment="Stretch"
 						AutomationProperties.Name="{x:Bind Name}"
-						ColumnSpacing="20"
+						ColumnSpacing="14"
 						ToolTipService.ToolTip="{x:Bind RecentPath}">
 						<Grid.ColumnDefinitions>
 							<ColumnDefinition Width="Auto" />
 							<ColumnDefinition Width="*" />
-							<ColumnDefinition Width="1.5*" />
+							<ColumnDefinition Width="*" />
 						</Grid.ColumnDefinitions>
-
 						<FontIcon
 							x:Name="RecentFolderImg"
 							Grid.Column="0"
 							HorizontalAlignment="Center"
 							VerticalAlignment="Center"
 							x:Load="{x:Bind FolderImg}"
 							x:Phase="1"
-							FontSize="20"
+							FontSize="24"
 							Foreground="#ffe793"
 							Glyph="&#xE8B7;" />
-
 						<FontIcon
 							x:Name="EmptyImg"
 							Grid.Column="0"
 							HorizontalAlignment="Center"
 							VerticalAlignment="Center"
 							x:Load="{x:Bind EmptyImgVis}"
 							x:Phase="1"
-							FontSize="20"
+							FontSize="24"
 							Glyph="&#xE7C3;" />
-
 						<Image
 							x:Name="RecentFileImg"
 							Grid.Column="0"
-							Width="20"
-							Height="20"
+							Width="24"
+							Height="24"
 							HorizontalAlignment="Center"
 							VerticalAlignment="Center"
 							x:Load="{x:Bind FileIconVis}"
@@ -118,12 +114,11 @@
 							Text="{x:Bind RecentPath}"
 							TextTrimming="CharacterEllipsis"
 							TextWrapping="NoWrap" />
-
 					</Grid>
 				</DataTemplate>
 			</ListView.ItemTemplate>
 
 		</ListView>
 
 	</StackPanel>
-</local:HomePageWidget>
+</local:HomePageWidget>

src/Files.App/UserControls/Widgets/WidgetsListControl.xaml

@@ -412,16 +412,13 @@
 	</UserControl.Resources>
 
 	<Border>
-		<ListView
-			Padding="0,0,0,16"
-			ItemsSource="{x:Bind ViewModel.Widgets, Mode=OneWay}"
-			SelectionMode="None">
+		<ListView ItemsSource="{x:Bind ViewModel.Widgets, Mode=OneWay}" SelectionMode="None">
 
 			<!--  Remove Reveal Highlight Effect  -->
 			<ListView.ItemContainerStyle>
 				<Style TargetType="ListViewItem">
 					<!--  Spacing  -->
-					<Setter Property="Margin" Value="0" />
+					<Setter Property="Margin" Value="4" />
 					<Setter Property="Template">
 						<Setter.Value>
 							<ControlTemplate TargetType="ListViewItem">
@@ -437,9 +434,9 @@
 
 			<ListView.ItemTemplate>
 				<DataTemplate x:DataType="vm:WidgetsListControlItemViewModel">
-					<Grid Padding="0,4,0,0">
+					<Grid>
 						<Expander
-							Padding="0"
+							Padding="16,0,16,0"
 							HorizontalAlignment="Stretch"
 							HorizontalContentAlignment="Stretch"
 							AutomationProperties.Name="{x:Bind WidgetAutomationProperties, Mode=OneWay}"
@@ -474,7 +471,7 @@
 							x:Name="MenuFlyout"
 							Width="36"
 							Height="32"
-							Margin="16,0"
+							Margin="0,8,50,0"
 							Padding="0"
 							HorizontalAlignment="Right"
 							VerticalAlignment="Top"
@@ -487,7 +484,7 @@
 							<FontIcon
 								HorizontalAlignment="Center"
 								VerticalAlignment="Center"
-								FontSize="16"
+								FontSize="14"
 								Foreground="{ThemeResource TextFillColorSecondaryBrush}"
 								Glyph="&#xE712;" />