Add background for tab buttons

MiraAPI/Patches/RoleGuidePatches.cs

@@ -41,6 +41,7 @@ public static class RoleGuidePatches
     private static readonly List<string> UntrackedRolePanelDiagnostics = [];
 
     private static GridLayoutGroup tabButtonContainer;
+    private static SpriteRenderer tabContainerRend;
     private static GameObject searchComponentContainer;
     private static SpriteRenderer _searchIconIdle;
     private static SpriteRenderer _searchIconHover;
@@ -393,15 +394,19 @@ public static class RoleGuidePatches
         tabButtonContainer.startCorner = GridLayoutGroup.Corner.UpperLeft;
         tabButtonContainer.startAxis = GridLayoutGroup.Axis.Horizontal;
         tabButtonContainer.constraint = GridLayoutGroup.Constraint.FixedColumnCount;
+        tabContainerRend.transform.localScale = new Vector3(0.4f, 0.4125f, 1);
+        tabContainerRend.transform.localRotation = Quaternion.Euler(new Vector3(0, 0, 0));
         switch (position)
         {
             case MatchInfoTabPos.LeftSide:
                 tabButtonContainer.childAlignment = TextAnchor.MiddleLeft;
-                tabButtonContainer.transform.localPosition = new Vector3(-4, 0, -0.2f);
+                tabButtonContainer.transform.localPosition = new Vector3(-3.95f, 0, -0.2f);
+                tabContainerRend.transform.localPosition = new Vector3(0.325f, 0, 0);
                 break;
             case MatchInfoTabPos.RightSide:
                 tabButtonContainer.childAlignment = TextAnchor.MiddleRight;
-                tabButtonContainer.transform.localPosition = new Vector3(4, 0, -0.2f);
+                tabButtonContainer.transform.localPosition = new Vector3(3.95f, 0, -0.2f);
+                tabContainerRend.transform.localPosition = new Vector3(-0.325f, 0, 0);
                 break;
             default:
                 tabButtonContainer.startCorner = GridLayoutGroup.Corner.LowerLeft;
@@ -409,6 +414,9 @@ public static class RoleGuidePatches
                 tabButtonContainer.startAxis = GridLayoutGroup.Axis.Vertical;
                 tabButtonContainer.constraint = GridLayoutGroup.Constraint.FixedRowCount;
                 tabButtonContainer.transform.localPosition = new Vector3(0, -2.15f, -0.2f);
+                tabContainerRend.transform.localPosition = new Vector3(-0.025f, 0.3f, 0);
+                tabContainerRend.transform.localRotation = Quaternion.Euler(new Vector3(0, 0, 270));
+                tabContainerRend.transform.localScale = new Vector3(0.4f, 0.475f, 1);
                 break;
         }
 
@@ -444,8 +452,13 @@ public static class RoleGuidePatches
         var newContainer = new GameObject("TabButtonContainer");
         newContainer.transform.SetParent(instance.MatchInfoParent.transform);
         tabButtonContainer = newContainer.AddComponent<GridLayoutGroup>();
-        tabButtonContainer.cellSize = new Vector2(0.7f, 0.55f);
+        tabButtonContainer.cellSize = new Vector2(0.65f, 0.55f);
         tabButtonContainer.rectTransform.offsetMax = tabButtonContainer.rectTransform.offsetMin = Vector2.zero;
+        tabContainerRend = new GameObject("BackRenderer").AddComponent<SpriteRenderer>();
+        tabContainerRend.transform.SetParent(newContainer.transform);
+        tabContainerRend.sprite = MiraAssets.TabButtonContainer.LoadAsset();
+        tabContainerRend.transform.localPosition = Vector3.zero;
+        tabContainerRend.gameObject.layer = 5;
 
         var sortingOrderButton = Object.Instantiate(
             HudManager.Instance.SettingsButton,

MiraAPI/Utilities/Assets/MiraAssets.cs

@@ -370,5 +370,10 @@ public static class MiraAssets
     /// </summary>
     public static LoadableResourceAsset PageRightIdle { get; } = new("MiraAPI.Resources.Wiki.PageRightIdle.png");
 
+    /// <summary>
+    /// Gets the sprite used below the tab icons in the wiki.
+    /// </summary>
+    public static LoadableResourceAsset TabButtonContainer { get; } = new("MiraAPI.Resources.Wiki.TabButtonContainer.png");
+
     internal static LoadableResourceAsset BlankSprite { get; } = new("MiraAPI.Resources.BlankSprite.png");
 }