From c6f0822e8b9d3796197c7ac78076d691d667849c Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Thu, 21 Dec 2017 12:03:09 -0500
Subject: [PATCH] Add a special class to enlarge the second row, also removing
ellipses
---
src/components/forms/input.css | 4 +++-
src/components/sprite-info/sprite-info.css | 4 ++++
src/components/sprite-info/sprite-info.jsx | 4 ++--
3 files changed, 9 insertions(+), 3 deletions(-)
diff --git a/src/components/forms/input.css b/src/components/forms/input.css
index 6d5eefa52..b0f63b860 100644
--- a/src/components/forms/input.css
+++ b/src/components/forms/input.css
@@ -37,6 +37,8 @@
}
.input-small {
- width: 3rem;
+ width: 3rem;
+ padding: 0 0.5rem;
+ text-overflow: clip;
text-align: center;
}
diff --git a/src/components/sprite-info/sprite-info.css b/src/components/sprite-info/sprite-info.css
index 3e680625a..36ae5e144 100644
--- a/src/components/sprite-info/sprite-info.css
+++ b/src/components/sprite-info/sprite-info.css
@@ -98,3 +98,7 @@
border-color: #4c97ff;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
+
+.larger-input input {
+ width: 4rem;
+}
diff --git a/src/components/sprite-info/sprite-info.jsx b/src/components/sprite-info/sprite-info.jsx
index 91f3a7bd1..202ac2a7d 100644
--- a/src/components/sprite-info/sprite-info.jsx
+++ b/src/components/sprite-info/sprite-info.jsx
@@ -145,7 +145,7 @@ class SpriteInfo extends React.Component {
</div>
</div>
</div>
- <div className={styles.group}>
+ <div className={classNames(styles.group, styles.largerInput)}>
<Label
secondary
text="Size"
@@ -161,7 +161,7 @@ class SpriteInfo extends React.Component {
/>
</Label>
</div>
- <div className={styles.group}>
+ <div className={classNames(styles.group, styles.largerInput)}>
<Label
secondary
text="Direction"
--
GitLab