From 4589ba1d5bc82560f476fec7dfca8b0ee13c91b9 Mon Sep 17 00:00:00 2001
From: Tina Quach <quacht@mit.edu>
Date: Sun, 12 Nov 2017 23:29:26 -0500
Subject: [PATCH] show focus on and allow keyboard control of rotation in
sprite info
---
src/components/sprite-info/sprite-info.css | 5 +++++
src/components/sprite-info/sprite-info.jsx | 1 +
2 files changed, 6 insertions(+)
diff --git a/src/components/sprite-info/sprite-info.css b/src/components/sprite-info/sprite-info.css
index f018abe8e..3e680625a 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 9e1c8a409..2bf5fe7ba 100644
--- a/src/components/sprite-info/sprite-info.jsx
+++ b/src/components/sprite-info/sprite-info.jsx
@@ -171,6 +171,7 @@ class SpriteInfo extends React.Component {
className={classNames(styles.selectForm, styles.rotationSelect)}
disabled={this.props.disabled}
value={this.props.rotationStyle}
+ tabIndex="7"
onChange={this.props.onChangeRotationStyle}
>
{ROTATION_STYLES.map(style => (
--
GitLab