From 0826713ade5e12ae548a4f03a8ff1bec2186c341 Mon Sep 17 00:00:00 2001
From: Alf Eaton <eaton.alf@gmail.com>
Date: Thu, 24 Aug 2017 11:39:45 +0100
Subject: [PATCH] Use Tags input
---
src/atoms/Tags.css | 50 ----------------------------------------------
src/atoms/Tags.js | 3 +++
2 files changed, 3 insertions(+), 50 deletions(-)
diff --git a/src/atoms/Tags.css b/src/atoms/Tags.css
index 48a6b1e39..665850f6e 100644
--- a/src/atoms/Tags.css
+++ b/src/atoms/Tags.css
@@ -83,53 +83,3 @@
.react-tags__search input::-ms-clear {
display: none;
}
-
-.react-tags__suggestions {
- position: absolute;
- top: 100%;
- left: 0;
- width: 100%;
-}
-
-@media screen and (min-width: 30em) {
-
- .react-tags__suggestions {
- width: 240px;
- }
-
-}
-
-.react-tags__suggestions ul {
- margin: 4px -1px;
- padding: 0;
- list-style: none;
- background: white;
- border: 1px solid #D1D1D1;
- border-radius: 2px;
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
-}
-
-.react-tags__suggestions li {
- border-bottom: 1px solid #ddd;
- padding: 6px 8px;
-}
-
-.react-tags__suggestions li mark {
- text-decoration: underline;
- background: none;
- font-weight: 600;
-}
-
-.react-tags__suggestions li:hover {
- cursor: pointer;
- background: #eee;
-}
-
-.react-tags__suggestions li.is-active {
- background: #b7cfe0;
-}
-
-.react-tags__suggestions li.is-disabled {
- opacity: 0.5;
- cursor: auto;
-}
diff --git a/src/atoms/Tags.js b/src/atoms/Tags.js
index 87d2f9eed..802bb5da7 100644
--- a/src/atoms/Tags.js
+++ b/src/atoms/Tags.js
@@ -2,6 +2,9 @@ import React from 'react'
import ReactTags from 'react-tag-autocomplete'
import './Tags.css'
+// TODO: separate tags when pasted
+// TODO: allow tags to be edited
+
class Tags extends React.Component {
constructor (props) {
super(props)
--
GitLab