98d0613124
<!-- Enter a brief description/summary of your PR here. What does it fix/what does it change/how was it tested (even manually, if necessary)? --> ## Summary of the Pull Request The settings UI was _close_ to looking just right, it just needed some tweaks to adhere to the proper guidance: https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/forms This PR changes the font sizes, spacing, and layout of all of the pages to align with guidance. Some pics: ![image](https://user-images.githubusercontent.com/48369326/105241313-58194980-5b22-11eb-9f18-524cc988ec33.png) ![image](https://user-images.githubusercontent.com/48369326/105241331-60718480-5b22-11eb-8698-b9fadf3c3016.png) ![image](https://user-images.githubusercontent.com/48369326/105244413-57ce7d80-5b25-11eb-87c3-ee5f19417318.png) ![image](https://user-images.githubusercontent.com/48369326/105241384-73845480-5b22-11eb-9517-4010b145ffc2.png) Min width: ![image](https://user-images.githubusercontent.com/48369326/105241406-7aab6280-5b22-11eb-9c59-ffc72f66509d.png) <!-- Other than the issue solved, is this relevant to any other issues/existing PRs? --> ## References <!-- Please review the items on the PR checklist before submitting--> ## PR Checklist * [x] Closes #8816 * [x] CLA signed. If not, go over [here](https://cla.opensource.microsoft.com/microsoft/Terminal) and sign the CLA * [ ] Tests added/passed * [ ] Documentation updated. If checked, please file a pull request on [our docs repo](https://github.com/MicrosoftDocs/terminal) and link it here: #xxx * [ ] Schema updated. * [x] I've discussed this with core contributors already. If not checked, I'm ready to accept this work might be rejected in favor of a different grand plan. Issue number where discussion took place: #xxx <!-- Provide a more detailed description of the PR, other things fixed or any additional comments/features here --> ## Detailed Description of the Pull Request / Additional comments * Removed custom font sizing, WinUI adheres to guidance anyway * 24px spacing between controls and 48px between groupings * Controls shouldn't be next to each other (see Launch size) * Technically Launch size is a grouping, so it gets upgraded to subtitle status * Left margins for pages have been fixed to left align with the page titles * Single checkboxes have been changed to toggle switches <!-- Describe how you validated the behavior. Add automated tests wherever possible, but list manual validation steps taken as well --> ## Validation Steps Performed
132 lines
6.1 KiB
XML
132 lines
6.1 KiB
XML
<!-- Copyright (c) Microsoft Corporation. All rights reserved. Licensed under
|
|
the MIT License. See LICENSE in the project root for license information. -->
|
|
<Page
|
|
x:Class="Microsoft.Terminal.Settings.Editor.MainPage"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
|
|
mc:Ignorable="d">
|
|
|
|
<Page.Resources>
|
|
<ResourceDictionary>
|
|
<ResourceDictionary.MergedDictionaries>
|
|
<ResourceDictionary Source="CommonResources.xaml"/>
|
|
</ResourceDictionary.MergedDictionaries>
|
|
|
|
<AcrylicBrush x:Key="NavigationViewDefaultPaneBackground"
|
|
BackgroundSource="Backdrop"
|
|
TintColor="{ThemeResource SystemChromeMediumColor}"
|
|
TintOpacity="0.5"/>
|
|
<AcrylicBrush x:Key="NavigationViewTopPaneBackground"
|
|
BackgroundSource="Backdrop"
|
|
TintColor="{ThemeResource SystemChromeMediumColor}"
|
|
TintOpacity="0.5"/>
|
|
<AcrylicBrush x:Key="NavigationViewExpandedPaneBackground"
|
|
BackgroundSource="HostBackdrop"
|
|
TintColor="{ThemeResource SystemChromeMediumColor}"
|
|
TintOpacity="0.7"/>
|
|
</ResourceDictionary>
|
|
</Page.Resources>
|
|
|
|
<muxc:NavigationView x:Name="SettingsNav"
|
|
IsSettingsVisible="False"
|
|
Header="{Binding ElementName=SettingsNav, Path=SelectedItem.Content, Mode=OneWay}"
|
|
Loaded="SettingsNav_Loaded"
|
|
ItemInvoked="SettingsNav_ItemInvoked"
|
|
IsBackButtonVisible="Collapsed">
|
|
|
|
<muxc:NavigationView.MenuItems>
|
|
|
|
<muxc:NavigationViewItem x:Uid="Nav_Launch"
|
|
Tag="Launch_Nav">
|
|
<muxc:NavigationViewItem.Icon>
|
|
<FontIcon Glyph=""/>
|
|
</muxc:NavigationViewItem.Icon>
|
|
</muxc:NavigationViewItem>
|
|
|
|
<muxc:NavigationViewItem x:Uid="Nav_Interaction"
|
|
Tag="Interaction_Nav">
|
|
<muxc:NavigationViewItem.Icon>
|
|
<FontIcon Glyph=""/>
|
|
</muxc:NavigationViewItem.Icon>
|
|
</muxc:NavigationViewItem>
|
|
|
|
<muxc:NavigationViewItem x:Uid="Nav_Appearance"
|
|
Tag="GlobalAppearance_Nav">
|
|
<muxc:NavigationViewItem.Icon>
|
|
<FontIcon Glyph=""/>
|
|
</muxc:NavigationViewItem.Icon>
|
|
</muxc:NavigationViewItem>
|
|
|
|
<muxc:NavigationViewItem x:Uid="Nav_ColorSchemes"
|
|
Tag="ColorSchemes_Nav">
|
|
<muxc:NavigationViewItem.Icon>
|
|
<FontIcon Glyph=""/>
|
|
</muxc:NavigationViewItem.Icon>
|
|
</muxc:NavigationViewItem>
|
|
|
|
<muxc:NavigationViewItem x:Uid="Nav_Rendering"
|
|
Tag="Rendering_Nav" >
|
|
<muxc:NavigationViewItem.Icon>
|
|
<FontIcon Glyph=""/>
|
|
</muxc:NavigationViewItem.Icon>
|
|
</muxc:NavigationViewItem>
|
|
|
|
<muxc:NavigationViewItemHeader x:Uid="Nav_Profiles"/>
|
|
|
|
<muxc:NavigationViewItem x:Uid="Nav_ProfileDefaults"
|
|
Tag="GlobalProfile_Nav">
|
|
<muxc:NavigationViewItem.Icon>
|
|
<FontIcon Glyph=""/>
|
|
</muxc:NavigationViewItem.Icon>
|
|
</muxc:NavigationViewItem>
|
|
|
|
</muxc:NavigationView.MenuItems>
|
|
|
|
<muxc:NavigationView.PaneFooter>
|
|
<!--The OpenJson item needs both Tapped and KeyDown handler-->
|
|
<muxc:NavigationViewItem x:Uid="Nav_OpenJSON"
|
|
Tapped="OpenJsonTapped"
|
|
KeyDown="OpenJsonKeyDown">
|
|
<muxc:NavigationViewItem.Icon>
|
|
<FontIcon Glyph=""/>
|
|
</muxc:NavigationViewItem.Icon>
|
|
</muxc:NavigationViewItem>
|
|
</muxc:NavigationView.PaneFooter>
|
|
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="*"></RowDefinition>
|
|
<RowDefinition Height="Auto"></RowDefinition>
|
|
</Grid.RowDefinitions>
|
|
<Frame x:Name="contentFrame"
|
|
Grid.Row="0"></Frame>
|
|
<Grid Height="100" Grid.Row="1"
|
|
BorderBrush="{ThemeResource SystemBaseLowColor}"
|
|
BorderThickness="0,1,0,0">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<TextBlock x:Uid="Settings_UnsavedSettingsWarning"
|
|
Visibility="Collapsed"
|
|
Foreground="Goldenrod"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Left"
|
|
TextAlignment="Left"
|
|
Margin="30,0,0,0"/>
|
|
<StackPanel VerticalAlignment="Center" HorizontalAlignment="Right" Orientation="Horizontal" Margin="0,0,30,0">
|
|
<Button x:Uid="Settings_ResetSettingsButton"
|
|
ToolTipService.Placement="Mouse"
|
|
Click="ResetButton_Click"/>
|
|
<Button x:Uid="Settings_SaveSettingsButton"
|
|
Style="{StaticResource AccentButtonStyle}"
|
|
Margin="10,0,0,0"
|
|
Click="SaveButton_Click"/>
|
|
</StackPanel>
|
|
</Grid>
|
|
</Grid>
|
|
</muxc:NavigationView>
|
|
</Page>
|