From c156c5c465825a6b9e9689dadc14fcfeead1e24b Mon Sep 17 00:00:00 2001
From: B_Kirill <153602297+B-Kirill@users.noreply.github.com>
Date: Wed, 7 May 2025 03:24:58 +1000
Subject: [PATCH] Add collapse button to lobby right panel (#37140)

* Add collapse button to lobby right panel

* Half sized buttons
---
 Content.Client/Lobby/UI/LobbyGui.xaml         |  20 ++++++++++++++++++
 Content.Client/Lobby/UI/LobbyGui.xaml.cs      |   9 ++++++++
 .../Interface/Default/filled_left_arrow.svg   |  11 ++++++++++
 .../Default/filled_left_arrow.svg.192dpi.png  | Bin 0 -> 1969 bytes
 .../filled_left_arrow.svg.192dpi.png.yml      |   2 ++
 .../Interface/Default/filled_right_arrow.svg  |  11 ++++++++++
 .../Default/filled_right_arrow.svg.192dpi.png | Bin 0 -> 1941 bytes
 .../filled_right_arrow.svg.192dpi.png.yml     |   2 ++
 8 files changed, 55 insertions(+)
 create mode 100644 Resources/Textures/Interface/Default/filled_left_arrow.svg
 create mode 100644 Resources/Textures/Interface/Default/filled_left_arrow.svg.192dpi.png
 create mode 100644 Resources/Textures/Interface/Default/filled_left_arrow.svg.192dpi.png.yml
 create mode 100644 Resources/Textures/Interface/Default/filled_right_arrow.svg
 create mode 100644 Resources/Textures/Interface/Default/filled_right_arrow.svg.192dpi.png
 create mode 100644 Resources/Textures/Interface/Default/filled_right_arrow.svg.192dpi.png.yml

diff --git a/Content.Client/Lobby/UI/LobbyGui.xaml b/Content.Client/Lobby/UI/LobbyGui.xaml
index 615d8cb271..761795452e 100644
--- a/Content.Client/Lobby/UI/LobbyGui.xaml
+++ b/Content.Client/Lobby/UI/LobbyGui.xaml
@@ -100,7 +100,27 @@
                     <controls:HSpacer Spacing="10" />
                     <widgets:ChatBox Name="Chat" Access="Public" VerticalExpand="True" Margin="3 3 3 3" MinHeight="50" />
                 </BoxContainer>
+                <TextureButton Name="CollapseButton"
+                                TexturePath="filled_right_arrow.svg.192dpi"
+                                HorizontalAlignment="Right"
+                                VerticalAlignment="Top"
+                                Margin="0 2 2 0"
+                                ModulateSelfOverride="#DEDEDE"
+                                Scale="0.5 0.5"/>
             </PanelContainer>
         </SplitContainer>
+        <PanelContainer Name="ExpandPanel"
+                        StyleClasses="AngleRect" 
+                        HorizontalAlignment="Right"
+                        VerticalAlignment="Top"
+                        Margin="0 2 2 0"
+                        Visible="False">
+            <TextureButton Name="ExpandButton"
+                        TexturePath="filled_left_arrow.svg.192dpi"
+                        HorizontalAlignment="Center"
+                        VerticalAlignment="Center"
+                        ModulateSelfOverride="#DEDEDE"
+                        Scale="0.5 0.5"/>
+        </PanelContainer>
     </BoxContainer>
 </lobbyUi:LobbyGui>
diff --git a/Content.Client/Lobby/UI/LobbyGui.xaml.cs b/Content.Client/Lobby/UI/LobbyGui.xaml.cs
index 6471edb6f3..61f9f5f64b 100644
--- a/Content.Client/Lobby/UI/LobbyGui.xaml.cs
+++ b/Content.Client/Lobby/UI/LobbyGui.xaml.cs
@@ -23,6 +23,9 @@ namespace Content.Client.Lobby.UI
 
             LeaveButton.OnPressed += _ => _consoleHost.ExecuteCommand("disconnect");
             OptionsButton.OnPressed += _ => UserInterfaceManager.GetUIController<OptionsUIController>().ToggleWindow();
+
+            CollapseButton.OnPressed += _ => TogglePanel(false);
+            ExpandButton.OnPressed += _ => TogglePanel(true);
         }
 
         public void SwitchState(LobbyGuiState state)
@@ -53,6 +56,12 @@ namespace Content.Client.Lobby.UI
             }
         }
 
+        private void TogglePanel(bool value)
+        {
+            RightSide.Visible = value;
+            ExpandPanel.Visible = !value;
+        }
+
         public enum LobbyGuiState : byte
         {
             /// <summary>
diff --git a/Resources/Textures/Interface/Default/filled_left_arrow.svg b/Resources/Textures/Interface/Default/filled_left_arrow.svg
new file mode 100644
index 0000000000..23c7ace4ed
--- /dev/null
+++ b/Resources/Textures/Interface/Default/filled_left_arrow.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg 
+   xmlns="http://www.w3.org/2000/svg"
+   width="12"
+   height="14"
+   viewBox="0 0 12 14">
+
+   <path 
+      fill="#7b7e9e" 
+      d="M0,7 L12,0 L12,14 L0,7 Z"/>
+</svg>
diff --git a/Resources/Textures/Interface/Default/filled_left_arrow.svg.192dpi.png b/Resources/Textures/Interface/Default/filled_left_arrow.svg.192dpi.png
new file mode 100644
index 0000000000000000000000000000000000000000..02c05e303b7149508f05559e7c7d8c76cca394a7
GIT binary patch
literal 1969
zcmbVN4NMbP9KQ}Jf-*aefQ%*QAr6Y|U5~c3H*5JQ3X>|<ZXlW3<L<S++1}N=gBGWg
zs*7Tr8s`)=%UI@!lFX?aOEwb)8HO#O`w%5Y7ndoTZJC?foXI}eJD`mk-7+ut@$S9f
z`+xlYAFsJ;(Sp>J%oGGcQY*?GF8IxWPu4^=e7`ij{zn8+&E`r=tBP5n4xp|DC1|d}
zYPIAcNbYpT;~_)xY7tEJc=`tN^HRjHYs;2xE|2|e*Xgc)MBV&pZ{l{9Y989K;^h_E
z1ofSUSEEljR-R96?Jdf@@~l2rtNL<%(@<_sr=>L-{Q~JbqsQ}*tp#UP$I5mc>;54X
zZCFyivtZ}C34Oy0Hy?SgX{bVTdz$9>#2d-zACt=0Q7r?XsLV;H_Nb07bmbS_CN0;~
z-D#lRw>vkZwzgJlX}|jPJK71=X?qV0r{zb6bFQaPznY%2=Ri9$SaK;zy+QLzo8~Lz
z#ScDb+eoB0VbgC`P1cERbv{kq#GNnHy48RrXG|N;?r+KN?z(bvcQkr!N=g5Ly-_;)
zctXO6dsEB4nF$-4<|Xu;up(Wj7yqT1KXWZ4E;&@bOhS;SHY<;6$F-jUf+SAo+%<BI
zvyx(jpq^If)JK9Lh(?gP_DG0kRsk8U13r$oVK<MT#88g4Vbvxl;S7}mKUcm+1WVT}
zax-gIF;*6{&qL=%C@3HZWEzbG1H42<Y}lw=3XYX&979JT@+uoP7QY&26<R8Y05$6g
z9YYW#T4>c9%toWdG6y9IlE8^V+(76^k|NBMsQ?|nFsMyry_Cx_e_R**vtfQ&4pBHB
z4u|#O0=*#maF`oboFH+M)Io$!YUE`)qT{9Pm;?uq7?BIfoWP@sM7mC>mu(odbj*cd
zC@z+l#%Y3t;SoB78}x+Y(kPH+;<!+~7#LN~GB^l;AmC*QVhwR@$S=r(<QE<yI=+05
z0!XdX8Q1YZTY|y33P~<&fNqQv@<6oYZVUn31tg(fWI$O1G&5WACPbBrfR+W(EeL^F
zpsHdfqa>*((A;W{XN9noch?5spk-jgVAM=H0^X#XB&Y%tWhl%y5EMa-L7f82c^e-H
zwNM7)9w<y1mX_)N1hWj~6~rJ79p-|x58xr*hoNyAsZt>zh)^-KuHf$Z3fM<P!OI2U
z!u|bZ)LN&Ls^BG=<{41ouwjrJJ;$+>fiw_=mmzelsnDdOO~wM9l{GRtz*-3lW3Dr^
z20FIiAu#ny2E_KW|8xIhk%JXT2Oe3DQkP2VQ01HigW5P=IZMIn@lk+7N3(^Z8Knwr
z7^8$Au-N!C_s9&4i4FS!6#6e|F$R+auN<aDQ0#+j#p3bMw8NqCxKgiUe&F}JIJ$OM
zZO7oSVJO3Rr-DE6UI%#C;6&KT2GEho@SM?9IEvlnsf?#>>Yb4hd&=R1HQJixb^%N1
z)cO5>Pe;caPgXB4yqTjJ@wLr9*s=fnn&pMRV||{C_O0E6gTJs*HC|$F(WV)VmDdg(
z+J8Z9yzz{=C-2A=J5zu8&#Ja>rmUV(`C;N<s^o0S+=0!w^_qh1fBmu9$6Je>>ytm)
zH)~R6=JQ7f&kdYS(*Et(+U;0|O!lorPb}Ep9nl>;)cS7n?n}kZ-8Imjmh1_ieO=US
zKSyNo#kChJ&wqEZkt>Q`I7epi#m=6&>FBp9ovH0_CK{(;A3Mm)yYg;tGvCw?%xP;}
zQoQ%ncD~niS(`;Y*D81XYPhwyXKhm3Tj_qUYSxf{=%*6(k@jrF=zjbC993t7azs>=
LEpi+#@oe}9SxcOs

literal 0
HcmV?d00001

diff --git a/Resources/Textures/Interface/Default/filled_left_arrow.svg.192dpi.png.yml b/Resources/Textures/Interface/Default/filled_left_arrow.svg.192dpi.png.yml
new file mode 100644
index 0000000000..5c43e23305
--- /dev/null
+++ b/Resources/Textures/Interface/Default/filled_left_arrow.svg.192dpi.png.yml
@@ -0,0 +1,2 @@
+sample:
+  filter: true
diff --git a/Resources/Textures/Interface/Default/filled_right_arrow.svg b/Resources/Textures/Interface/Default/filled_right_arrow.svg
new file mode 100644
index 0000000000..5551942522
--- /dev/null
+++ b/Resources/Textures/Interface/Default/filled_right_arrow.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg 
+   xmlns="http://www.w3.org/2000/svg"
+   width="12"
+   height="14"
+   viewBox="0 0 12 14">
+
+   <path 
+      fill="#7b7e9e" 
+      d="M12,7 L0,0 L0,14 L12,7 Z"/>
+</svg>
diff --git a/Resources/Textures/Interface/Default/filled_right_arrow.svg.192dpi.png b/Resources/Textures/Interface/Default/filled_right_arrow.svg.192dpi.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5db044d0e454ca1b546b62a443d39227df845d7
GIT binary patch
literal 1941
zcmbVNdrT8|9KWtm5z@(~qH}CHj<^-Dz3UZdd$9_%AXSS9#Yac9*SjC(r0vzaD{Y;R
zRvpvDZDwH#?2nO+5p~h2bNgc&MHxmnbxt#9GE8uBbs4@k<0H<E{aT<=qbBomkKg0-
z`#wJ3$8D^xnx#yil8zvV(pqV$f#1pS$xc(i_nWab*APVZ8fP|Fm$JMIpf$6~P?gqb
zG~^+OY9ixwl74Bq0A6%DkDV;YOBaGQ8#ZjJanAgq=V;FfM6vOBU+Q}@*$lLK$?7Hf
za>d=|ccU*@mYz#(?<<)yFk7R_mz`M?Ij@@fm7zTv{Si5KN`vPi@90j+_LhIJ_wW@Z
z+C0B<vu^XMlw+|uZ}0vha^9MGdwk~pwBN^~e`i##qS{V=D=QvzWQ%OioSK4?+oa+0
zBzqR<cDJe~I~<ODL-(cEKg&;9n6<SlmQ@gnO}#v6;-yJbw{&$QKb7^5QLN2;t26T~
zvTWaJwv$Bq<m+!4GqVqFa=9~IX`AaEb_F2Gm&V6(PqgJ8?io1L8jb!ouIxnD)+il)
zUM?T9uW#$fk*|x)koO)mB0Wdv{gYXdvl0?F)?c|;M37g`#UI(=)(Q+kQpa)jMbaYM
zT#Dhn8ahs=Cgk-)G=fZ@8S>Li6Od3BaC1Hrc76XL4CPo8wy?-X*!*VD$W^WoK<$bu
zJF}vRF|ydq8R+y71qFD4M57_E$0t%D6PA!m!Et;U$It{sYBFKN@mpl8M$Nnc&|(dt
zW(a~r^+t`hxUkS*n1+%BN#KMY*Ai-yq=;gwNQaJG7}O@P4OES#Vni35nXpDl@>4h-
z3<fnporV|OILr+rPLMcBsv$xxhJ6wpQv1Z*Q3)0xG6Lt9INpcGCDJZFAek^|>97l4
ze^RVZ9H9vkhKFcBuGJ86ml8mhN#gtg!IMzVGC1%6FYrks#A=gRe<LsPVk7?q(aG(H
z6hLZiwxo{7+T!&lRftk~GjwBwkjJ7$d)N=~8X)okfdS>s(9GPpH-5@209xV&JI{MY
z164h0GD?yf0#z;Kd@LUn^By<=EVKkn7>rtxnt(THCkd(uMy;?wOHc$c47Kqr*ARXz
z)c6n%<_k+p^wW_nLpAV%mxiu#UfK<Czt4@KNdhS|@8Jcg656GEaNP<!h`={+9=P#n
zCrQ|8vr$%`DA7I!SS=<DvZCQQmeT489Z>}IYKCU?YC>OVP`h-1RlBqe#lUEE8H|j6
z^t^><0`b_7o@f8(`FR2dYmfFkvz&NE#*>Ds<U|<G@JP+ng5@J44~Hi5grb>v{+lo+
z9(cfFBg@<~GcYVR*a)D|rzFHMOynD+AT5AWH)Lxx9#2d-92$?uD|Ofp{81MZdk<9g
zC>*wm_%PX{;3V1QfDg7d0rs%j>9b<6|J}1%O6`?OX4|fh^?N>XZAaxhO9B@T43*sf
zy4$yUwb?As*f}k7aj-~v)6~exQhq-5OMUH^CGE{wB{%MLd=vI6m9^oBM^V<6ozWTk
zSJ(OenaH2LmfVbiyK@7*^)EXd$dRE)s4j3TJM37D^e%1sBUU^iYuB$`AEr9%>-5)`
z*In&5C|ZU#74AV=qT8>Q)b*~EcPvKw)_gt~)9l#Mp{^>(aNb>2cj5kD{r%P}`}QI&
zyzFMR%BJ4NwO!VAtxbFNxGKD^<M@Q8mQNQ{^tOLA=8gHKXOCQ)3$8vlm{WK0^zQFc
r7TlYtyxDqVS+?h7)|BD{jr~#z@;z~fHSq(j@!x>8yvnkx%(?bIN&}oL

literal 0
HcmV?d00001

diff --git a/Resources/Textures/Interface/Default/filled_right_arrow.svg.192dpi.png.yml b/Resources/Textures/Interface/Default/filled_right_arrow.svg.192dpi.png.yml
new file mode 100644
index 0000000000..5c43e23305
--- /dev/null
+++ b/Resources/Textures/Interface/Default/filled_right_arrow.svg.192dpi.png.yml
@@ -0,0 +1,2 @@
+sample:
+  filter: true
-- 
2.51.2