wwdpublic/Content.Client/Lobby/UI/LoadoutPreferenceSelector.xaml

<Control xmlns="https://spacestation14.io"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:graphics="clr-namespace:Robust.Client.Graphics;assembly=Robust.Client"
    xmlns:controls="clr-namespace:Content.Client.UserInterface.Controls">
    <BoxContainer Name="Container" Orientation="Vertical" HorizontalExpand="True">
        <controls:StyledButtonGroup Name="ButtonGroup" Orientation="Horizontal" HorizontalExpand="True">
            <Button
                Name="PreferenceButton"
                Access="Public"
                ToggleMode="True"
                VerticalAlignment="Center" />

            <Button
                Name="HeirloomButton"
                Access="Public"
                Text="{Loc 'humanoid-profile-editor-loadouts-heirloom'}"
                ToolTip="{Loc 'humanoid-profile-editor-loadouts-heirloom-tooltip'}"
                ToggleMode="True"
                VerticalAlignment="Center" />

            <!-- Yes I know I can use a TextureButton, but I'm doing this for style -->
            <Button
                Name="GuidebookButton"
                ToolTip="{Loc 'humanoid-profile-editor-loadouts-guidebook-button-tooltip'}"
                VerticalAlignment="Center"
                StyleClasses="OpenLeft">
                <TextureRect
                    Name="GuidebookButtonIcon"
                    TexturePath="/Textures/Interface/VerbIcons/information.svg.192dpi.png"
                    TextureScale="0.4 0.4"
                    VerticalAlignment="Center"
                    Margin="5" />
            </Button>
        </controls:StyledButtonGroup>


        <Collapsible Name="SpecialMenu" HorizontalExpand="True">
            <Button Name="HeadingButton" Text="{Loc 'humanoid-profile-editor-loadouts-customize'}" ToggleMode="True" />

            <CollapsibleBody HorizontalExpand="True" Margin="0 0 0 5">
                <PanelContainer HorizontalExpand="True">
                    <PanelContainer.PanelOverride>
                        <graphics:StyleBoxFlat BackgroundColor="#2f2f2f" BorderColor="#2f2f2faf" BorderThickness="1" />
                    </PanelContainer.PanelOverride>

                    <BoxContainer Orientation="Vertical" Margin="3" HorizontalExpand="True">
                        <BoxContainer Name="SpecialName" Orientation="Vertical" HorizontalExpand="True">
                            <Label Text="{Loc 'humanoid-profile-editor-loadouts-customize-name'}" />
                            <LineEdit Name="NameEdit" HorizontalExpand="True" />
                        </BoxContainer>

                        <BoxContainer Name="SpecialDescription" Orientation="Vertical" HorizontalExpand="True">
                            <Label Text="{Loc 'humanoid-profile-editor-loadouts-customize-description'}" />
                            <PanelContainer HorizontalExpand="True">
                                <PanelContainer.PanelOverride>
                                    <graphics:StyleBoxFlat BackgroundColor="#222222" />
                                </PanelContainer.PanelOverride>

                                <controls:ResizableControl
                                    AllowedResizeDirection="Vertical"
                                    HorizontalExpand="True"
                                    MinSize="128 64">
                                    <TextEdit Name="DescriptionEdit" HorizontalExpand="True" VerticalExpand="True" Margin="3" />
                                </controls:ResizableControl>
                            </PanelContainer>
                        </BoxContainer>

                        <!--WD EDIT START-->
                        <BoxContainer Name="SpecialBookText" Orientation="Vertical" HorizontalExpand="True">
                            <Label Text="{Loc 'humanoid-profile-editor-loadouts-customize-book-text'}" />
                            <PanelContainer HorizontalExpand="True">
                                <PanelContainer.PanelOverride>
                                    <graphics:StyleBoxFlat BackgroundColor="#222222" />
                                </PanelContainer.PanelOverride>

                                <controls:ResizableControl
                                    AllowedResizeDirection="Vertical"
                                    HorizontalExpand="True"
                                    MinSize="128 64">
                                    <TextEdit Name="BookTextEdit" StyleClasses="PaperLineEdit" HorizontalExpand="True" VerticalExpand="True" Margin="3" />
                                </controls:ResizableControl>
                            </PanelContainer>
                        </BoxContainer>
                        <!--WD EDIT END-->

                        <Button Name="SpecialColorTintToggle" Text="{Loc 'humanoid-profile-editor-loadouts-customize-color'}" ToggleMode="True" Margin="0 3 0 0" StyleClasses="OpenBoth" />
                        <ColorSelectorSliders Name="ColorEdit" Color="#fff" HorizontalExpand="True" />

                        <Button Name="SaveButton" Text="{Loc 'humanoid-profile-editor-loadouts-customize-save'}" HorizontalExpand="True" Margin="0 3 0 0" StyleClasses="OpenBoth" />
                    </BoxContainer>
                </PanelContainer>
            </CollapsibleBody>
        </Collapsible>
    </BoxContainer>
</Control>