From f57e01bdad32d49b4a712a7a4ff7a91f86b7271b Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Fri, 11 Aug 2017 11:18:54 -0400
Subject: [PATCH] Hide "show" to get 1024 layout to fit
---
src/components/sprite-info/sprite-info.jsx | 85 +++++++++++-----------
1 file changed, 43 insertions(+), 42 deletions(-)
diff --git a/src/components/sprite-info/sprite-info.jsx b/src/components/sprite-info/sprite-info.jsx
index 8b3f212d9..f9bbb64e3 100644
--- a/src/components/sprite-info/sprite-info.jsx
+++ b/src/components/sprite-info/sprite-info.jsx
@@ -97,49 +97,50 @@ class SpriteInfo extends React.Component {
<div className={classNames(styles.row, styles.rowSecondary)}>
<div className={styles.group}>
- <Label
- secondary
- text="Show"
- >
- <div>
- <div
- className={classNames(
- styles.radio,
- styles.radioLeft,
- styles.iconWrapper,
- {
- [styles.isActive]: this.props.visible && !this.props.disabled,
- [styles.isDisabled]: this.props.disabled
- }
- )}
- tabIndex="4"
- onClick={this.props.onClickVisible}
- >
- <img
- className={styles.icon}
- src={showIcon}
- />
- </div>
- <div
- className={classNames(
- styles.radio,
- styles.radioRight,
- styles.iconWrapper,
- {
- [styles.isActive]: !this.props.visible && !this.props.disabled,
- [styles.isDisabled]: this.props.disabled
- }
- )}
- tabIndex="4"
- onClick={this.props.onClickNotVisible}
- >
- <img
- className={styles.icon}
- src={hideIcon}
- />
- </div>
+ <MediaQuery minWidth={layout.fullSizeMinWidth}>
+ <Label
+ secondary
+ text="Show"
+ />
+ </MediaQuery>
+ <div>
+ <div
+ className={classNames(
+ styles.radio,
+ styles.radioLeft,
+ styles.iconWrapper,
+ {
+ [styles.isActive]: this.props.visible && !this.props.disabled,
+ [styles.isDisabled]: this.props.disabled
+ }
+ )}
+ tabIndex="4"
+ onClick={this.props.onClickVisible}
+ >
+ <img
+ className={styles.icon}
+ src={showIcon}
+ />
</div>
- </Label>
+ <div
+ className={classNames(
+ styles.radio,
+ styles.radioRight,
+ styles.iconWrapper,
+ {
+ [styles.isActive]: !this.props.visible && !this.props.disabled,
+ [styles.isDisabled]: this.props.disabled
+ }
+ )}
+ tabIndex="4"
+ onClick={this.props.onClickNotVisible}
+ >
+ <img
+ className={styles.icon}
+ src={hideIcon}
+ />
+ </div>
+ </div>
</div>
<div className={styles.group}>
<Label
--
GitLab