Made publisher search result headers clickable.

master
Pacman Ghost 4 years ago
parent 52139f3cb4
commit d73d4462ce
  1. 4
      web/src/PublicationSearchResult.js
  2. 5
      web/src/PublisherSearchResult.js
  3. 1
      web/src/SearchResults.css

@ -83,8 +83,8 @@ export class PublicationSearchResult extends React.Component
{ publ &&
<Link className="publisher" title="Show this publisher."
to = { gAppRef.makeAppUrl( "/publisher/" + this.props.data.publ_id ) }
> {publ.publ_name}
</Link>
dangerouslySetInnerHTML={{ __html: publ.publ_name }}
/>
}
<Link className="name" title="Show this publication."
to = { gAppRef.makeAppUrl( "/publication/" + this.props.data.pub_id ) }

@ -52,7 +52,10 @@ export class PublisherSearchResult extends React.Component
>
<div className="header">
{menu}
<span className="name" dangerouslySetInnerHTML={{ __html: display_name }} />
<Link className="name" title="Show this publisher."
to = { gAppRef.makeAppUrl( "/publisher/" + this.props.data.publ_id ) }
dangerouslySetInnerHTML={{ __html: display_name }}
/>
{ this.props.data.publ_url &&
<a href={this.props.data.publ_url} className="open-link" target="_blank" rel="noopener noreferrer">
<img src="/images/open-link.png" alt="Open publisher." title="Go to this publisher." />

@ -16,6 +16,7 @@
.search-result .header a.open-link img { height: 1.2em ; margin-bottom: -0.2em ; }
.search-result.publisher .header { border: 1px solid #c0c0c0 ; background: #eabe51 ; }
.search-result.publisher .header a.name { color: inherit ; text-decoration: none ; }
.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 ; }

Loading…
Cancel
Save