From fa5966451da0567843d96e3d754e591292b8e3c6 Mon Sep 17 00:00:00 2001
From: Evelyn Eastmond <evhan55@gmail.com>
Date: Fri, 14 Sep 2018 15:30:39 -0400
Subject: [PATCH] Alerts styling.
---
src/components/alerts/alert.css | 18 +++++++++---------
src/components/alerts/alerts.jsx | 2 +-
2 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/components/alerts/alert.css b/src/components/alerts/alert.css
index 3a3584bfd..ffff03275 100644
--- a/src/components/alerts/alert.css
+++ b/src/components/alerts/alert.css
@@ -9,19 +9,19 @@
}
.alert {
- border: 1px solid $ui-tertiary;
- border-radius: 0.75rem;
+ border: 1px solid #FF8C1A;
+ border-radius: 8px;
display: flex;
flex-direction: column;
cursor: move;
- background: orange;
- height: 60px;
- width: 300px;
- line-height: 60px;
- color: $ui-white;
+ background: #FFF0DF;
+ width: 448px;
+ color: #000;
z-index: 20;
overflow: hidden;
- box-shadow: 0px 5px 25px 5px $ui-black-transparent;
- align-items: center;
+ padding: 16px;
+ font-size: 10pt;
+ box-shadow: 2px 2px 2px 2px rgba(255, 140, 26, 0.25);;
+ align-items: left;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
diff --git a/src/components/alerts/alerts.jsx b/src/components/alerts/alerts.jsx
index 357ce5b04..6e585af37 100644
--- a/src/components/alerts/alerts.jsx
+++ b/src/components/alerts/alerts.jsx
@@ -8,7 +8,7 @@ import styles from './alert.css';
const Alerts = props => (
<Draggable
bounds="parent"
- position={{x: 550, y: 0}}
+ position={{x: 500, y: 0}}
>
<div className={styles.alertContainer}>
<div className={styles.alert}>
--
GitLab