From d23be9f8f4b6bc933fea75ae6bb77c25780d41ec Mon Sep 17 00:00:00 2001
From: Evelyn Eastmond <evhan55@gmail.com>
Date: Sat, 15 Sep 2018 15:47:09 -0400
Subject: [PATCH] Make non draggable.
---
src/components/alerts/alert.css | 1 -
src/components/alerts/alerts.jsx | 6 +++---
2 files changed, 3 insertions(+), 4 deletions(-)
diff --git a/src/components/alerts/alert.css b/src/components/alerts/alert.css
index 505db1619..6c71353ab 100644
--- a/src/components/alerts/alert.css
+++ b/src/components/alerts/alert.css
@@ -11,7 +11,6 @@
margin: auto;
border: 1px solid #FF8C1A;
border-radius: 8px;
- cursor: move;
background: #FFF0DF;
display: flex;
flex-direction: row;
diff --git a/src/components/alerts/alerts.jsx b/src/components/alerts/alerts.jsx
index dd8ce51dd..4b0ecea8b 100644
--- a/src/components/alerts/alerts.jsx
+++ b/src/components/alerts/alerts.jsx
@@ -1,12 +1,12 @@
import React from 'react';
import PropTypes from 'prop-types';
-import Draggable from 'react-draggable';
+import Box from '../box/box.jsx';
import styles from './alert.css';
// this is a functional component, declared with arrow syntax
const Alerts = props => (
- <Draggable
+ <Box
bounds="parent"
>
<div className={styles.alertContainer}>
@@ -26,7 +26,7 @@ const Alerts = props => (
x
</div>
</div>
- </Draggable>
+ </Box>
);
Alerts.propTypes = {
--
GitLab