Made article search result headers clickable.

master
Pacman Ghost 4 years ago
parent fc23bc20e9
commit 409678ecce
  1. 5
      web/src/ArticleSearchResult.js
  2. 1
      web/src/SearchResults.css

@ -129,7 +129,10 @@ export class ArticleSearchResult extends React.Component
<RatingStars rating={this.props.data.article_rating} title="Rate this article."
onChange = { this.onRatingChange.bind( this ) }
/>
<span className="title name" dangerouslySetInnerHTML={{ __html: display_title }} />
<Link className="title name" title="Show this article."
to = { gAppRef.makeAppUrl( "/article/" + this.props.data.article_id ) }
dangerouslySetInnerHTML = {{ __html: display_title }}
/>
{ article_url &&
<a href={article_url} className="open-link" target="_blank" rel="noopener noreferrer">
<img src="/images/open-link.png" alt="Open article." title="Open this article." />

@ -20,6 +20,7 @@
.search-result.publication .header { border: 1px solid #c0c0c0 ; background: #e5cea0 ; }
.search-result.publication .header a.name { color: inherit ; text-decoration: none ; }
.search-result.article .header { border: 1px solid #c0c0c0 ; background: #d3edfc ; }
.search-result.article .header a.name { color: inherit ; text-decoration: none ; }
.search-result.article .header .subtitle { font-size: 80% ; font-style: italic ; color: #333 ; }
.search-result.publication .header .publisher , .search-result.article .header .publication {

Loading…
Cancel
Save