diff --git a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.css b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.css index d9db2ed12..3005af3fe 100644 --- a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.css +++ b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.css @@ -1,10 +1,15 @@ .searchResult { - display: flex; + position: relative; margin: 20px 0; padding: 20px; width: 100%; - background-color: $white; color: inherit; +} + +.underlay { + @add-mixin cover; + + background-color: $white; transition: background 500ms; &:hover { @@ -14,6 +19,13 @@ } } +.overlay { + @add-mixin linkOverlay; + + position: relative; + display: flex; +} + .poster { flex: 0 0 170px; margin-right: 20px; diff --git a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.js b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.js index eaf923658..1acc8ce3b 100644 --- a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.js +++ b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.js @@ -77,11 +77,13 @@ class AddNewSeriesSearchResult extends Component { } return ( -
+
+ /> + +
{ isSmallScreen ? null : @@ -169,7 +171,7 @@ class AddNewSeriesSearchResult extends Component { {overview}
- +