|
|
|
@ -18,7 +18,7 @@ |
|
|
|
|
flex-wrap: nowrap; |
|
|
|
|
position: relative; |
|
|
|
|
z-index: 1; // Set z-index to make element visible |
|
|
|
|
width: 17px; |
|
|
|
|
width: $hideFilmstripButtonWidth; |
|
|
|
|
|
|
|
|
|
button { |
|
|
|
|
font-size: 14px; |
|
|
|
@ -53,7 +53,7 @@ |
|
|
|
|
padding-left: 17px; |
|
|
|
|
bottom: 0; |
|
|
|
|
width:auto; |
|
|
|
|
border: 2px solid transparent; |
|
|
|
|
border: $thumbnailsBorder solid transparent; |
|
|
|
|
z-index: 5; |
|
|
|
|
transition: bottom 2s; |
|
|
|
|
overflow: visible !important; |
|
|
|
@ -67,7 +67,7 @@ |
|
|
|
|
display: none; |
|
|
|
|
position: relative; |
|
|
|
|
background-size: contain; |
|
|
|
|
border: 2px solid transparent; |
|
|
|
|
border: $thumbnailVideoBorder solid transparent; |
|
|
|
|
border-radius:1px; |
|
|
|
|
margin: 0 $thumbnailVideoMargin; |
|
|
|
|
|
|
|
|
@ -84,7 +84,7 @@ |
|
|
|
|
-webkit-animation-name: greyPulse; |
|
|
|
|
-webkit-animation-duration: 2s; |
|
|
|
|
-webkit-animation-iteration-count: 1; |
|
|
|
|
border: 2px solid $videoThumbnailSelected !important; |
|
|
|
|
border: $thumbnailVideoBorder solid $videoThumbnailSelected !important; |
|
|
|
|
box-shadow: inset 0 0 3px $videoThumbnailSelected, |
|
|
|
|
0 0 3px $videoThumbnailSelected !important; |
|
|
|
|
} |
|
|
|
@ -98,7 +98,7 @@ |
|
|
|
|
*/ |
|
|
|
|
&:hover { |
|
|
|
|
cursor: hand; |
|
|
|
|
border: 2px solid $videoThumbnailHovered; |
|
|
|
|
border: $thumbnailVideoBorder solid $videoThumbnailHovered; |
|
|
|
|
box-shadow: inset 0 0 3px $videoThumbnailHovered, |
|
|
|
|
0 0 3px $videoThumbnailHovered; |
|
|
|
|
|
|
|
|
|