From 716efbd9292307cc4a2533710e8e34baf4668b53 Mon Sep 17 00:00:00 2001 From: Michael An <2331806369@qq.com> Date: Wed, 11 Oct 2023 16:40:18 +0800 Subject: [PATCH] change mouse enter logic --- frontend/src/components/search/search-result-item.js | 4 ---- frontend/src/components/search/search.js | 2 -- frontend/src/css/search.css | 1 + 3 files changed, 1 insertion(+), 6 deletions(-) diff --git a/frontend/src/components/search/search-result-item.js b/frontend/src/components/search/search-result-item.js index e9c4f7a71b..844d279247 100644 --- a/frontend/src/components/search/search-result-item.js +++ b/frontend/src/components/search/search-result-item.js @@ -6,8 +6,6 @@ import { Utils } from '../../utils/utils'; const propTypes = { item: PropTypes.object.isRequired, onItemClickHandler: PropTypes.func.isRequired, - onMouseEnter: PropTypes.func, - onMouseLeave: PropTypes.func, isHighlight: PropTypes.bool, }; @@ -31,8 +29,6 @@ class SearchResultItem extends React.Component {
  • diff --git a/frontend/src/components/search/search.js b/frontend/src/components/search/search.js index 19f6cff85e..438519d38f 100644 --- a/frontend/src/components/search/search.js +++ b/frontend/src/components/search/search.js @@ -307,8 +307,6 @@ class Search extends Component { key={index} item={item} onItemClickHandler={this.onItemClickHandler} - onMouseEnter={(e) => this.setState({ highlightIndex: index })} - onMouseLeave={(e) => this.setState({ highlightIndex: -1 })} isHighlight={index === highlightIndex} /> ); diff --git a/frontend/src/css/search.css b/frontend/src/css/search.css index a278db614a..8cbb418519 100644 --- a/frontend/src/css/search.css +++ b/frontend/src/css/search.css @@ -105,6 +105,7 @@ border-radius: 4px; } +.search-result-container .search-result-item:hover, .search-result-container .search-result-item.search-result-item-highlight { background-color: #f0f0f0; }