From 1a299447b23655f8277206cd43f4fea3ac685ff6 Mon Sep 17 00:00:00 2001
From: Alf Eaton <eaton.alf@gmail.com>
Date: Fri, 1 Sep 2017 10:02:32 +0100
Subject: [PATCH] Use div instead of SVG
---
packages/component-submit/src/components/Validot.js | 7 ++-----
.../component-submit/src/components/Validot.local.css | 10 +++++-----
2 files changed, 7 insertions(+), 10 deletions(-)
diff --git a/packages/component-submit/src/components/Validot.js b/packages/component-submit/src/components/Validot.js
index 77a16f28d..6049d5759 100644
--- a/packages/component-submit/src/components/Validot.js
+++ b/packages/component-submit/src/components/Validot.js
@@ -7,16 +7,13 @@ import classes from './Validot.local.css'
const scrollIntoView = id => document.getElementById(id).scrollIntoView()
const Validot = ({ input, meta }) => (
- <svg
+ <div
className={classnames(classes.root, {
[classes.valid]: meta.valid,
[classes.error]: meta.error,
[classes.warning]: meta.warning,
})}
- onClick={() => scrollIntoView(input.name)}
- viewBox="0 0 40 40">
- <circle cx="20" cy="20" r="20"/>
- </svg>
+ onClick={() => scrollIntoView(input.name)}/>
)
export default Validot
diff --git a/packages/component-submit/src/components/Validot.local.css b/packages/component-submit/src/components/Validot.local.css
index 3c7da3dca..ae5d850c7 100644
--- a/packages/component-submit/src/components/Validot.local.css
+++ b/packages/component-submit/src/components/Validot.local.css
@@ -4,22 +4,22 @@
height: 25px;
margin: 5px 10px;
cursor: pointer;
- border: 3px solid transparent;
+ border: 3px solid cornflowerblue;
border-radius: 100%;
}
.root:hover {
- border-color: black;
+ border-color: #aaa;
}
.valid {
- fill: lightgreen;
+ background: cornflowerblue;
}
.warning {
- fill: orange;
+ border-color: orange;
}
.error {
- fill: red;
+ border-color: red;
}
--
GitLab