From 14fa9c25185c44bacf5ee2e68464c8745baa8c5a Mon Sep 17 00:00:00 2001
From: Hongyuan Ma <CS_MaleicAcid@163.com>
Date: Tue, 22 May 2018 21:03:14 +0800
Subject: [PATCH] add selected items css

---
 front-end/src/component/result-filter/index.css |  6 ++++++
 front-end/src/component/result-filter/index.jsx | 12 +++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/front-end/src/component/result-filter/index.css b/front-end/src/component/result-filter/index.css
index dac40d1..bbb0cc6 100644
--- a/front-end/src/component/result-filter/index.css
+++ b/front-end/src/component/result-filter/index.css
@@ -2,6 +2,12 @@
     width: 860px;
 }
 
+.selected_item > li{
+    float: left;
+    margin-left: 10px;
+    list-style-type:none;
+    border: 1px solid slateblue;
+}
 /* select */
 .select {
     padding: 5px 10px;
diff --git a/front-end/src/component/result-filter/index.jsx b/front-end/src/component/result-filter/index.jsx
index e93d859..936a8d5 100644
--- a/front-end/src/component/result-filter/index.jsx
+++ b/front-end/src/component/result-filter/index.jsx
@@ -75,7 +75,7 @@ class ResultFilter extends React.Component {
         let selected_item = _this.state.selected_items.map((s, index) => {
             // let is_high_light = index == 0 ? "select-all selected" :"select-all"
             return (
-                <p key={index}>{s}</p>
+                <li key={index}>{s} <a href="javascript:void(0)">x</a></li>
             )
         });
 
@@ -84,7 +84,8 @@ class ResultFilter extends React.Component {
             let filter_item = item["data"].map((s, index) => {
                 let is_high_light = index == 0 ? "select-all selected" : "select-all"
                 return (
-                    <dd onClick={(e) => this.selectItemClick(e)} key={index} data-name={s} className={is_high_light}><a href="#">{s}</a></dd>
+                    <dd onClick={(e) => this.selectItemClick(e)} key={index} data-name={s} className={is_high_light}><a
+                        href="#">{s}</a></dd>
                 )
             });
 
@@ -124,8 +125,13 @@ class ResultFilter extends React.Component {
                             </div>
                         </div>
                         <div id="panel1" className="panel-collapse collapse in">
-                            {selected_item}
+
                             <div className="panel-body">
+                                <ul className="selected_item">
+                                    {selected_item}
+                                </ul>
+
+
                                 <ul className="select">
 
                                     {filter}
-- 
2.39.5