ilikecats/stk-code_catmod
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve the layout of the GP info screen

Browse Source
This commit is contained in:
Alayan 2019-11-10 23:17:50 +01:00
parent fb4ecf6a00
commit 325f19d30b
1 changed files with 48 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
data/gui/screens/gp_info.stkgui
View File

@ -6,50 +6,55 @@
<header id="name" height="8%" width="80%" align="center" text_align="center"/> <header id="name" height="8%" width="80%" align="center" text_align="center"/>
<spacer width="1" height="1%"/> <spacer width="1" height="1%"/>
<box width="100%" height="36%" padding="10" layout="horizontal-row"> <div width="100%" height="72%" padding="10" layout="horizontal-row">
<!-- Left pane --> <box width="55%" height="100%" layout="vertical-row">
<div proportion="1" height="100%" layout="vertical-row"> <!-- Track screenshot -->
<div width="100%" height="54%" layout="vertical-row">
<icon-button proportion="1" width="100%" height="100%" id="screenshot" custom_ratio="1.33333"/> <icon-button proportion="1" width="100%" height="100%" id="screenshot" custom_ratio="1.33333"/>
</div> </div>
<!-- Right pane -->
<div proportion="1" height="100%" layout="vertical-row">
<list id="tracks" width="100%" height="100%"/>
</div>
</box>
<spacer width="1" height="1%"/> <spacer width="1" height="1%"/>
<box width="100%" height="35%" layout="vertical-row"> <!-- Options list -->
<div width="100%" height="45%" layout="vertical-row">
<div width="100%" height="fit" layout="horizontal-row" > <div width="100%" height="fit" layout="horizontal-row" >
<label id="ai-text" proportion="1" I18N="In the grand prix info screen" text="AI karts" text_align="right"/> <div width="45%" height="fit" layout="horizontal-row">
<spacer width="40"/> <spinner id="ai-spinner" width="100%" min_value="1" max_value="20" align="center" wrap_around="true" />
<div proportion="1" height="fit" layout="horizontal-row">
<spinner id="ai-spinner" width="50%" min_value="1" max_value="20" align="center" wrap_around="true" />
</div> </div>
<spacer width="3%"/>
<label id="ai-text" width="52%" height="fit" I18N="In the grand prix info screen" text="AI karts" text_align="left"/>
</div> </div>
<spacer width="1" height="1%"/> <spacer width="1" height="1%"/>
<div width="100%" height="fit" layout="horizontal-row" > <div width="100%" height="fit" layout="horizontal-row" >
<label id="reverse-text" proportion="1" I18N="In the grand prix info screen" text="Reverse" text_align="right"/> <div width="45%" height="fit" layout="horizontal-row">
<spacer width="40"/> <spinner id="reverse-spinner" width="100%" align="center" wrap_around="true" />
<div proportion="1" height="fit" layout="horizontal-row">
<spinner id="reverse-spinner" width="50%" align="center" wrap_around="true" />
</div> </div>
<spacer width="3%"/>
<label id="reverse-text" width="52%" height="fit" I18N="In the grand prix info screen" text="Reverse" text_align="left"/>
</div> </div>
<spacer width="1" height="1%"/> <spacer width="1" height="1%"/>
<div width="100%" height="fit" layout="horizontal-row"> <div width="100%" height="fit" layout="horizontal-row">
<label id="track-text" proportion="1" I18N="In the grand prix info screen" text="Tracks" text_align="right"/> <div width="45%" height="fit" layout="horizontal-row">
<spacer width="40"/> <spinner id="track-spinner" width="100%" min_value="1" max_value="20" align="center" wrap_around="true" />
<div proportion="1" height="fit" layout="horizontal-row">
<spinner id="track-spinner" width="50%" min_value="1" max_value="20" align="center" wrap_around="true" />
</div> </div>
<spacer width="3%"/>
<label id="track-text" width="52%" height="fit" I18N="In the grand prix info screen" text="Tracks" text_align="left"/>
</div> </div>
<spacer width="1" height="1%"/> <spacer width="1" height="1%"/>
<div width="100%" height="fit" layout="horizontal-row" > <div width="100%" height="fit" layout="horizontal-row" >
<label id="group-text" proportion="1" I18N="In the grand prix info screen" text="Track group" text_align="right"/> <div width="45%" height="fit" layout="horizontal-row">
<spacer width="40"/> <spinner id="group-spinner" width="100%" align="center" wrap_around="true" />
<div proportion="1" height="fit" layout="horizontal-row"> </div>
<spinner id="group-spinner" width="50%" align="center" wrap_around="true" /> <spacer width="3%"/>
<label id="group-text" width="52%" height="fit" I18N="In the grand prix info screen" text="Track group" text_align="left"/>
</div> </div>
</div> </div>
</box> </box>
<spacer width="2%" height="1"/>
<!-- Track list -->
<box width="43%" height="100%" layout="vertical-row">
<list id="tracks" width="100%" height="100%"/>
</box>
</div>
<spacer width="1" height="1%"/> <spacer width="1" height="1%"/>
<buttonbar id="buttons" height="17%" width="100%" align="center"> <buttonbar id="buttons" height="17%" width="100%" align="center">
<icon-button id="start" width="64" height="64" icon="gui/icons/green_check.png" <icon-button id="start" width="64" height="64" icon="gui/icons/green_check.png"