4a95d94c55
<!-- 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)? --> Adds the color slider to the tab color picker <!-- Please review the items on the PR checklist before submitting--> ## PR Checklist * [x] Closes #7948 * [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: #7948 <!-- Provide a more detailed description of the PR, other things fixed or any additional comments/features here --> <!-- Describe how you validated the behavior. Add automated tests wherever possible, but list manual validation steps taken as well --> ## Validation Steps Performed *Not required*
147 lines
7.5 KiB
XML
147 lines
7.5 KiB
XML
<Flyout
|
|
x:Class="TerminalApp.ColorPickupFlyout"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:local="using:TerminalApp"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
mc:Ignorable="d">
|
|
<Flyout.FlyoutPresenterStyle>
|
|
<Style TargetType="FlyoutPresenter">
|
|
<Setter Property="MinWidth" Value="0"/>
|
|
</Style>
|
|
</Flyout.FlyoutPresenterStyle>
|
|
<StackPanel Orientation="Horizontal">
|
|
<StackPanel>
|
|
<VariableSizedWrapGrid Orientation="Horizontal" MaximumRowsOrColumns="4" HorizontalAlignment="Center" Margin="0, 3, 0, 0">
|
|
<VariableSizedWrapGrid.Resources>
|
|
<Style TargetType="Rectangle">
|
|
<Setter Property="Width" Value="30"/>
|
|
<Setter Property="Height" Value="30"/>
|
|
</Style>
|
|
<Style TargetType="Button">
|
|
<Setter Property="Padding" Value="0"/>
|
|
<Setter Property="Margin" Value="2"/>
|
|
</Style>
|
|
</VariableSizedWrapGrid.Resources>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="Crimson" x:Uid="CrimsonColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="Crimson"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="SteelBlue" x:Uid="SteelBlueColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="SteelBlue"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="MediumSeaGreen" x:Uid="MediumSeaGreenColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="MediumSeaGreen"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="DarkOrange" x:Uid="DarkOrangeColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="DarkOrange"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="MediumVioletRed" x:Uid="MediumVioletRedColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="MediumVioletRed"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="DodgerBlue" x:Uid="DodgerBlueColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="DodgerBlue"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="LimeGreen" x:Uid="LimeGreenColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="LimeGreen"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="Yellow" x:Uid="YellowColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="Yellow"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="BlueViolet" x:Uid="BlueVioletColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="BlueViolet"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="SlateBlue" x:Uid="SlateBlueColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="SlateBlue"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="Lime" x:Uid="LimeColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="Lime"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="Tan" x:Uid="TanColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="Tan"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="Magenta" x:Uid="MagentaColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="Magenta"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="Cyan" x:Uid="CyanColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="Cyan"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="SkyBlue" x:Uid="SkyBlueColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="SkyBlue"/>
|
|
</Button.Content>
|
|
</Button>
|
|
<Button Click="ColorButton_Click" AutomationProperties.Name="DarkGray" x:Uid="DarkGrayColorButton">
|
|
<Button.Content>
|
|
<Rectangle Fill="DarkGray"/>
|
|
</Button.Content>
|
|
</Button>
|
|
</VariableSizedWrapGrid>
|
|
<StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
|
|
<StackPanel.Resources>
|
|
<Style TargetType="Button">
|
|
<Setter Property="Margin" Value="2" />
|
|
<Setter Property="HorizontalAlignment" Value="Stretch" />
|
|
</Style>
|
|
</StackPanel.Resources>
|
|
<Button Padding="5"
|
|
Click="ClearColorButton_Click"
|
|
x:Name="ClearColorButton" x:Uid="TabColorClearButton" CornerRadius="2" Content="Reset">
|
|
</Button>
|
|
<Button Padding="5"
|
|
Click="ShowColorPickerButton_Click"
|
|
x:Name="CustomColorButton" x:Uid="TabColorCustomButton" CornerRadius="2" Content="Custom...">
|
|
</Button>
|
|
</StackPanel>
|
|
</StackPanel>
|
|
<Grid Visibility="Collapsed" x:Name="customColorPanel" Margin="5">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
</Grid.RowDefinitions>
|
|
<ColorPicker x:Name="customColorPicker"
|
|
IsMoreButtonVisible="True"
|
|
IsColorSliderVisible="True"
|
|
IsColorChannelTextInputVisible="True"
|
|
IsHexInputVisible="True"
|
|
IsAlphaEnabled="False"
|
|
IsAlphaSliderVisible="False"
|
|
IsAlphaTextInputVisible="False"
|
|
FontSize="10"
|
|
Grid.Row="0"
|
|
ColorChanged="ColorPicker_ColorChanged"
|
|
>
|
|
</ColorPicker>
|
|
<Button x:Name="OkButton" Click="CustomColorButton_Click" Grid.Row="1" HorizontalAlignment="Center" MinWidth="130" MinHeight="12" Margin="0, 5, 0, 0" x:Uid="OkButton" Content="**OK**"/>
|
|
</Grid>
|
|
</StackPanel>
|
|
</Flyout>
|