Design: removed hover/select brightness

All those gradients and brighness filters toggling on and off were getting annoying
This commit is contained in:
DC
2016-09-02 12:08:57 -07:00
parent 6fe03aa325
commit 033bdf7908
2 changed files with 2 additions and 12 deletions

View File

@@ -46,11 +46,9 @@ module.exports = class TorrentList extends React.Component {
// Background image: show some nice visuals, like a frame from the movie, if possible
const style = {}
if (torrentSummary.posterFileName) {
const gradient = isSelected
? 'linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 100%)'
: 'linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%)'
const gradient = 'linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%)'
const posterPath = TorrentSummary.getPosterPath(torrentSummary)
style.backgroundImage = gradient + `, url('${posterPath}')`
style.backgroundImage = `${gradient}, url('${posterPath}')`
}
// Foreground: name of the torrent, basic info like size, play button,

View File

@@ -350,10 +350,6 @@ textarea,
border-bottom: 1px solid rgb(20, 20, 20);
}
.torrent:hover {
-webkit-filter: brightness(1.1);
}
.torrent .metadata {
position: absolute;
top: 25px;
@@ -538,10 +534,6 @@ body.drag .app::after {
height: 28px;
}
.torrent-details tr:hover {
background-color: rgba(200, 200, 200, 0.3);
}
.torrent-details td {
overflow: hidden;
padding: 0;