From f3598669faadc42f35a207832453801e9f3d16b4 Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Mon, 21 May 2018 09:16:41 -0400
Subject: [PATCH] Make slider monitor full width
---
src/components/monitor/monitor.css | 4 ++++
src/components/monitor/slider-monitor.jsx | 4 +++-
2 files changed, 7 insertions(+), 1 deletion(-)
diff --git a/src/components/monitor/monitor.css b/src/components/monitor/monitor.css
index c8b7f3108..7dd754938 100644
--- a/src/components/monitor/monitor.css
+++ b/src/components/monitor/monitor.css
@@ -60,6 +60,10 @@
flex-direction: row;
}
+.slider {
+ width: 100%;
+}
+
.list-monitor {
display: flex;
flex-direction: column;
diff --git a/src/components/monitor/slider-monitor.jsx b/src/components/monitor/slider-monitor.jsx
index f8187cfee..bbf983ff9 100644
--- a/src/components/monitor/slider-monitor.jsx
+++ b/src/components/monitor/slider-monitor.jsx
@@ -1,5 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
import styles from './monitor.css';
const SliderMonitor = ({categoryColor, label, min, max, value, onSliderUpdate}) => (
@@ -17,7 +19,7 @@ const SliderMonitor = ({categoryColor, label, min, max, value, onSliderUpdate})
</div>
<div className={styles.row}>
<input
- className="no-drag" // Class used on parent Draggable to prevent drags
+ className={classNames(styles.slider, 'no-drag')} // Class used on parent Draggable to prevent drags
max={max}
min={min}
type="range"
--
GitLab