As suggested by deveee, make the server creation screen more scalable. Also cleanup/simplify a bit

This commit is contained in:
auria.mg 2018-03-25 18:10:44 -04:00
parent 0e2112d7f0
commit ee57bbd6b4

View File

@ -2,9 +2,8 @@
<stkgui> <stkgui>
<div x="0" y="0" width="100%" height="100%" layout="vertical-row" > <div x="0" y="0" width="100%" height="100%" layout="vertical-row" >
<header id="title" text_align="center" width="80%" align="center" I18N="In the server creation screen" text="Server Creation"/> <header id="title" text_align="center" width="80%" align="center" I18N="In the server creation screen" text="Server Creation"/>
<box proportion="4" width="90%" layout="vertical-row" align="center"> <box proportion="1" width="90%" layout="vertical-row" align="center">
<div width="90%" align="center" layout="vertical-row" y="2%" height="96%">
<div width="100%" align="center" layout="vertical-row" height="fit" >
<div width="100%" height="fit" layout="horizontal-row" > <div width="100%" height="fit" layout="horizontal-row" >
<label proportion="1" text_align="left" I18N="In the server creation screen" text="Name of the server"/> <label proportion="1" text_align="left" I18N="In the server creation screen" text="Name of the server"/>
<textbox proportion="1" id="name" I18N="In the server creation screen"/> <textbox proportion="1" id="name" I18N="In the server creation screen"/>
@ -27,7 +26,7 @@
<spacer height="5" width="20"/> <spacer height="5" width="20"/>
<label width="100%" height="fit" text_align="left" I18N="In the server creation screen" text="Difficulty"/> <label width="100%" height="fit" text_align="left" I18N="In the server creation screen" text="Difficulty"/>
<ribbon id="difficulty" height="90" width="90%" align="center"> <ribbon id="difficulty" height="15%" width="90%" align="center">
<icon-button id="novice" width="128" height="128" icon="gui/difficulty_easy.png" <icon-button id="novice" width="128" height="128" icon="gui/difficulty_easy.png"
I18N="Difficulty" text="Novice"/> I18N="Difficulty" text="Novice"/>
<icon-button id="intermediate" width="128" height="128" icon="gui/difficulty_medium.png" <icon-button id="intermediate" width="128" height="128" icon="gui/difficulty_medium.png"
@ -38,7 +37,7 @@
I18N="Difficulty" text="SuperTux"/> I18N="Difficulty" text="SuperTux"/>
</ribbon> </ribbon>
<label width="100%" height="fit" text_align="left" I18N="In the server creation screen" text="Game mode"/> <label width="100%" height="fit" text_align="left" I18N="In the server creation screen" text="Game mode"/>
<ribbon id="gamemode" height="90" width="90%" align="center"> <ribbon id="gamemode" height="15%" width="90%" align="center">
<icon-button id="normal" width="128" height="128" icon="gui/mode_normal.png" <icon-button id="normal" width="128" height="128" icon="gui/mode_normal.png"
I18N="Multiplayer game mode" text="Normal Race"/> I18N="Multiplayer game mode" text="Normal Race"/>
<icon-button id="timetrial" width="128" height="128" icon="gui/mode_tt.png" <icon-button id="timetrial" width="128" height="128" icon="gui/mode_tt.png"
@ -54,7 +53,6 @@
<label id="more-options" proportion="1" text_align="left"/> <label id="more-options" proportion="1" text_align="left"/>
<spinner id="more-options-spinner" proportion="1" wrap_around="true"/> <spinner id="more-options-spinner" proportion="1" wrap_around="true"/>
</div> </div>
</div>
<label id="info" proportion="1" width="100%" align="center" text_align="center" word_wrap="true" text=""/> <label id="info" proportion="1" width="100%" align="center" text_align="center" word_wrap="true" text=""/>
@ -65,7 +63,9 @@
I18N="In the server creation screen" text="Cancel" label_location="bottom"/> I18N="In the server creation screen" text="Cancel" label_location="bottom"/>
</buttonbar> </buttonbar>
</div> <spacer width="10" height="20"/>
</box> </box>
<spacer width="10" height="10"/>
</div> </div>
</stkgui> </stkgui>