From a8cc5ab1d959a7277b2cd9cf6a352f7e5d96c2e2 Mon Sep 17 00:00:00 2001
From: chrisgarrity <chrisg@media.mit.edu>
Date: Mon, 2 Jul 2018 11:17:17 -0400
Subject: [PATCH] Prevent tab and label wrapping
Fixes #2448 (tab wrapping in Japanese). Also ensures that none of the Sprite info area wraps. Does not address the issue where the sprite info area is too big and pushes the stage info off the screen.
---
src/components/forms/label.css | 2 ++
src/components/gui/gui.css | 1 +
src/components/sprite-info/sprite-info.css | 4 ++++
src/components/sprite-info/sprite-info.jsx | 2 +-
4 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/src/components/forms/label.css b/src/components/forms/label.css
index 8ec6283bf..759a731d3 100644
--- a/src/components/forms/label.css
+++ b/src/components/forms/label.css
@@ -12,6 +12,8 @@
margin-right: .5rem;
user-select: none;
cursor: default;
+
+ white-space: nowrap;
}
.input-label {
diff --git a/src/components/gui/gui.css b/src/components/gui/gui.css
index af7500fb0..b53f17b55 100644
--- a/src/components/gui/gui.css
+++ b/src/components/gui/gui.css
@@ -79,6 +79,7 @@
align-items: center;
user-select: none;
+ white-space: nowrap;
}
/* Use z-indices to force left-on-top for tabs */
diff --git a/src/components/sprite-info/sprite-info.css b/src/components/sprite-info/sprite-info.css
index 53758e65c..c83584399 100644
--- a/src/components/sprite-info/sprite-info.css
+++ b/src/components/sprite-info/sprite-info.css
@@ -44,6 +44,10 @@
}
/* @todo: refactor radio divs to input */
+.radio-wrapper {
+ white-space: nowrap; /* make sure visibilty buttons don't wrap */
+}
+
.radio {
filter: saturate(0);
cursor: pointer;
diff --git a/src/components/sprite-info/sprite-info.jsx b/src/components/sprite-info/sprite-info.jsx
index 09d5c96c7..37e18735a 100644
--- a/src/components/sprite-info/sprite-info.jsx
+++ b/src/components/sprite-info/sprite-info.jsx
@@ -176,7 +176,7 @@ class SpriteInfo extends React.Component {
/> :
null
}
- <div>
+ <div className={styles.radioWrapper}>
<div
className={classNames(
styles.radio,
--
GitLab