Cool_Tools/bemaniutils
1
0
Fork 0
mirror of synced 2025-02-22 05:19:29 +01:00
Code Releases Activity

Change QPro settings to use standard UI toolkit which fixes padding around items before save button.

Browse Source
This commit is contained in:
Jennifer Taylor 2021-08-28 20:32:40 +00:00
parent e1850c31db
commit 94fec0dec1
2 changed files with 49 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
bemani/frontend/static/controllers/iidx/settings.react.js
View File

@ -413,10 +413,7 @@ var settings_view = React.createClass({
</div>
<div className="section">
<h3>QPro</h3>
<form className="inline">
<div className="fields">
{
valid_qpro_options.map(function(qpro_option) {
{valid_qpro_options.map(function(qpro_option) {
var player = this.state.player[this.state.version]
var items = window.qpros[this.state.version].filter(function (qpro) {
return qpro.type == qpro_option
@ -426,9 +423,11 @@ var settings_view = React.createClass({
.map(function(item) { return { 'id': item.id, 'name': `${item.name}` } })
.forEach (value => results[value.id] = value.name);
return (
<div className="field">
<b>{qpro_option}</b>
<br/>
<LabelledSection
className="iidx qprooption"
vertical={true}
label={qpro_option}
>
<SelectInt
name={qpro_option}
value={player.qpro[qpro_option]}
@ -442,11 +441,9 @@ var settings_view = React.createClass({
})
}.bind(this)}
/>
</div>
</LabelledSection>
)
}.bind(this))
}
<div className="field">
}.bind(this))}
<input
type="submit"
value="save"
@ -464,9 +461,6 @@ var settings_view = React.createClass({
null
}
</div>
</div>
</form>
</div>
<div className="section">
<h3>Theme</h3>
{Object.keys(IIDXOptions[this.state.version]).map(function(theme_option) {

4
bemani/frontend/static/section.css
View File

@ -65,6 +65,10 @@ div.labelledsection.iidx.themeoption select {
width: 200px;
}
div.labelledsection.iidx.qprooption select {
width: 300px;
}
div.labelledsection.ddr.option select {
width: 200px;
}