RPG-RougeLiteBattler/Assets/UI/TeamSelectOverview/MainTeamSelectUIDocument.uxml

<engine:UXML xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:engine="UnityEngine.UIElements" xmlns:editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
    <engine:Template name="CaracterOverviewPanel" src="project://database/Assets/UI/TeamSelectOverview/CaracterOverviewPanel.uxml?fileID=9197481963319205126&amp;guid=8a6ebf368e03b7b4eb179cfc34b6f059&amp;type=3#CaracterOverviewPanel" />
    <engine:Template name="CharacterSheet" src="project://database/Assets/UI/TeamSelectOverview/CharacterSheet.uxml?fileID=9197481963319205126&amp;guid=325233d41e714ff44ba86bdb9802d9d5&amp;type=3#CharacterSheet" />
    <engine:Template name="InventorySheet" src="project://database/Assets/UI/TeamSelectOverview/InventorySheet.uxml?fileID=9197481963319205126&amp;guid=5ba29b946ffd8ae41863bad9028c6638&amp;type=3#InventorySheet" />
    <Style src="project://database/Assets/UI/TeamSelectOverview/MainTeamSelectUSS.uss?fileID=7433441132597879392&amp;guid=c29a8a9bb2b58a749ad96d244214fdfa&amp;type=3#MainTeamSelectUSS" />
    <engine:VisualElement name="VisualElement" style="flex-grow: 1; background-color: rgba(25, 25, 45, 1); flex-direction: column;">
        <!-- Add a subtle gradient overlay -->
        <engine:VisualElement style="position: absolute; width: 100%; height: 100%; background-color: rgba(15, 15, 35, 0.3); pointer-events: none;" />
        <engine:VisualElement style="flex-grow: 1; flex-direction: row; padding: 10px;">
            <engine:VisualElement name="character-slot-container" class="character-slots-container">
                <engine:Label text="Team Selection" style="font-size: 18px; color: rgba(255, 255, 255, 0.9); -unity-font-style: bold; -unity-text-align: middle-center; margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);" />
                <engine:VisualElement name="Row1" class="row">
                    <engine:Instance template="CaracterOverviewPanel" name="Character1" class="slot">
                        <AttributeOverrides element-name="ViewCharacterButton" enabled="false" />
                    </engine:Instance>
                    <engine:Instance template="CaracterOverviewPanel" name="Character2" class="slot" />
                </engine:VisualElement>
                <engine:VisualElement name="Row2" class="row">
                    <engine:Instance template="CaracterOverviewPanel" name="Character3" class="slot" />
                    <engine:Instance template="CaracterOverviewPanel" name="Character4" class="slot" />
                </engine:VisualElement>
            </engine:VisualElement>
            <engine:VisualElement style="flex-grow: 1; flex-direction: row; background-color: rgba(35, 35, 55, 0.8); border-radius: 0px 12px 12px 0px; margin-left: 5px;">
                <engine:VisualElement name="CharacterSheet" style="padding: 10px;">
                    <engine:Instance template="CharacterSheet" />
                </engine:VisualElement>
                <engine:ScrollView name="ScrollView" style="padding: 10px;">
                    <engine:Instance template="InventorySheet" />
                </engine:ScrollView>
            </engine:VisualElement>
        </engine:VisualElement>
        <engine:VisualElement name="MainButtonPanel" class="BottomButtonPanel">
            <engine:Button text="Start" name="StartGameButton" enabled="false" />
        </engine:VisualElement>
    </engine:VisualElement>
</engine:UXML>