stk-code_catmod/data/gui/dialogs/online/player_rankings_dialog.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

31 lines
1.2 KiB
XML

<?xml version="1.0" encoding="UTF-8"?>
<stkgui>
<div x="2%" y="2%" width="96%" height="96%" layout="vertical-row">
<header id="title" width="100%" height="fit" text_align="center"
word_wrap="true" I18N="In player rankings dialog"
text="Top 10 players"/>
<spacer height="1%" width="20" />
<box x="2%" width="90%" height="60%" align="center" layout="vertical-row"
padding="6">
<list id="top-ten" x="0" y="0" width="100%" height="100%"/>
</box>
<label id="cur-rank" proportion="1" width="90%" align="center"
text_align="center" word_wrap="true" text=""/>
<spacer height="1%" width="20" />
<buttonbar id="options" width="90%" height="14%" align="center">
<icon-button id="refresh" width="128" height="128"
icon="gui/icons/restart.png"
text="Refresh" label_location="bottom"/>
<icon-button id="ok" width="128" height="128"
icon="gui/icons/green_check.png" text="OK"
label_location="bottom"/>
</buttonbar>
<spacer height="1f" width="20"/>
</div>
</stkgui>