diff --git a/src/components/sprite-info/sprite-info.css b/src/components/sprite-info/sprite-info.css index f018abe8e604bc3652de5431731b18ed42110998..3e680625adfbfba7e7f0a28d18bbbd23fb403222 100644 --- a/src/components/sprite-info/sprite-info.css +++ b/src/components/sprite-info/sprite-info.css @@ -93,3 +93,8 @@ user-select: none; outline: none; } + +.rotation-select:focus { + border-color: #4c97ff; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); +} diff --git a/src/components/sprite-info/sprite-info.jsx b/src/components/sprite-info/sprite-info.jsx index 9e1c8a4098d2aeae08e55cf9aa1d95ccedb5bbd9..d67a8dc8e137f6b11e347d6cf24ff859ff2f24eb 100644 --- a/src/components/sprite-info/sprite-info.jsx +++ b/src/components/sprite-info/sprite-info.jsx @@ -42,7 +42,7 @@ class SpriteInfo extends React.Component { <BufferedInput disabled={this.props.disabled} placeholder="Name" - tabIndex="1" + tabIndex="0" type="text" value={this.props.disabled ? '' : this.props.name} onSubmit={this.props.onChangeName} @@ -65,7 +65,7 @@ class SpriteInfo extends React.Component { small disabled={this.props.disabled} placeholder="x" - tabIndex="2" + tabIndex="0" type="text" value={this.props.disabled ? '' : this.props.x} onSubmit={this.props.onChangeX} @@ -88,7 +88,7 @@ class SpriteInfo extends React.Component { small disabled={this.props.disabled} placeholder="y" - tabIndex="3" + tabIndex="0" type="text" value={this.props.disabled ? '' : this.props.y} onSubmit={this.props.onChangeY} @@ -116,7 +116,7 @@ class SpriteInfo extends React.Component { [styles.isDisabled]: this.props.disabled } )} - tabIndex="4" + tabIndex="0" onClick={this.props.onClickVisible} onKeyPress={this.props.onPressVisible} > @@ -135,7 +135,7 @@ class SpriteInfo extends React.Component { [styles.isDisabled]: this.props.disabled } )} - tabIndex="5" + tabIndex="0" onClick={this.props.onClickNotVisible} onKeyPress={this.props.onPressNotVisible} > @@ -155,7 +155,7 @@ class SpriteInfo extends React.Component { small disabled={this.props.disabled} label="Direction" - tabIndex="6" + tabIndex="0" type="text" value={this.props.disabled ? '' : this.props.direction} onSubmit={this.props.onChangeDirection} @@ -170,6 +170,7 @@ class SpriteInfo extends React.Component { <select className={classNames(styles.selectForm, styles.rotationSelect)} disabled={this.props.disabled} + tabIndex="0" value={this.props.rotationStyle} onChange={this.props.onChangeRotationStyle} >