lasers/FreeTube
1
0
Fork 0
mirror of https://github.com/FreeTubeApp/FreeTube synced 2024-12-04 16:11:46 +01:00
Code Issues Projects Releases Wiki Activity

Make hover on watched video a smooth background transition #1750 (#1812)

Browse Source 
* transition duration of 0.5s added to watched videos

* small code reformating

* extra white spaces deleted

* typo in the word transition corrected

* original whitespaces respected

* transition added when hovering end
This commit is contained in:
constraintAutomaton 2021-10-14 18:03:11 -04:00 committed by GitHub
parent abf7f10626
commit ad1fe0c9fb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/renderer/sass-partials/_ft-list-item.sass
View File

@ -1,4 +1,5 @@
$thumbnail-overlay-opacity: 0.85
$watched-transition-duration: 0.5s
@mixin is-result
@at-root
@ -26,10 +27,12 @@ $thumbnail-overlay-opacity: 0.85
@at-root
.watched &, .watched#{&}
color: var(--tertiary-text-color)
transition-duration: $watched-transition-duration
.watched:hover &, .watched:hover#{&}
color: $col
transition-duration: $watched-transition-duration
.ft-list-item
padding: 6px
@ -39,9 +42,11 @@ $thumbnail-overlay-opacity: 0.85
.thumbnailImage
opacity: 0.3
transition-duration: $watched-transition-duration
&:hover .thumbnailImage
opacity: 1
transition-duration: $watched-transition-duration
.videoThumbnail
position: relative