stk-code_catmod/data/gui/screens/race_result.stkgui
QwertyChouskie 935c6b2191 UI/UX: Put OK/Confirm/Yes on the right
In UX, back/cancel/etc buttons usually go on the left, while forward/confirm/etc go on the right.  (Note that even the icon for "Back" is a leftwards-pointing arrow.)  STK put the Back arrow button on general screens in the upper left corner, but before this commit, put back/cancel/etc on the right in dialogs and such.  This commit fixes things to be in line with standard UX conventions, and also in line with the pre-existing upper-left corner Back button placement on screens in STK.

https://ux.stackexchange.com/a/63239
2023-05-11 12:44:04 -07:00

27 lines
1.7 KiB
XML

<?xml version="1.0" encoding="UTF-8"?>
<stkgui>
<div x="3%" y="2%" width="94%" height="96%" layout="vertical-row" id="div">
<roundedbox width="100%" height="100%" align="center">
<div x="2%" y="2%" width="96%" height="96%" layout="vertical-row">
<div id="result-table" width="100%" height="80%">
<!-- Contents is added programatically -->
</div>
<spacer height="2%" width="100%"/>
<!-- The actual button texts will vary depending on what type of race
was being run, and if something was unlocked etc. So we don't
specify a text here, and label the buttons:
right: 'Continue', 'Setup new race' (or invisible)
middle: 'Restart', 'Continue' (or invisible)
left: 'Abort GP', 'Back to the menu' (or invisible)
Setting text=" " is important, otherwise the height of the
widget is incorrect. -->
<buttonbar id="operations" width="65%" height="18%" align="center">
<icon-button id="left" icon="gui/icons/green_check.png" width="100" height="100" raw_text="Left" word_wrap="true"/>
<icon-button id="middle" icon="gui/icons/green_check.png" width="100" height="100" raw_text="Middle" word_wrap="true"/>
<icon-button id="right" icon="gui/icons/green_check.png" width="100" height="100" raw_text="Right" word_wrap="true"/>
</buttonbar>
</div>
</roundedbox>
</div>
</stkgui>