diff --git a/src/atoms/Tags.css b/src/atoms/Tags.css index 48a6b1e39089b1ac76211acc00bb2dd5085c6bc7..665850f6ef18cfc80df10a09897de40520261949 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 87d2f9eede956ed34c902e236c00b12543b144aa..802bb5da7f5affcf4db90e876eef750960bb72aa 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)