|
@@ -18,7 +18,7 @@
|
18
|
18
|
flex-wrap: nowrap;
|
19
|
19
|
position: relative;
|
20
|
20
|
z-index: 1; // Set z-index to make element visible
|
21
|
|
- width: 17px;
|
|
21
|
+ width: $hideFilmstripButtonWidth;
|
22
|
22
|
|
23
|
23
|
button {
|
24
|
24
|
font-size: 14px;
|
|
@@ -53,7 +53,7 @@
|
53
|
53
|
padding-left: 17px;
|
54
|
54
|
bottom: 0;
|
55
|
55
|
width:auto;
|
56
|
|
- border: 2px solid transparent;
|
|
56
|
+ border: $thumbnailsBorder solid transparent;
|
57
|
57
|
z-index: 5;
|
58
|
58
|
transition: bottom 2s;
|
59
|
59
|
overflow: visible !important;
|
|
@@ -67,7 +67,7 @@
|
67
|
67
|
display: none;
|
68
|
68
|
position: relative;
|
69
|
69
|
background-size: contain;
|
70
|
|
- border: 2px solid transparent;
|
|
70
|
+ border: $thumbnailVideoBorder solid transparent;
|
71
|
71
|
border-radius:1px;
|
72
|
72
|
margin: 0 $thumbnailVideoMargin;
|
73
|
73
|
|
|
@@ -84,7 +84,7 @@
|
84
|
84
|
-webkit-animation-name: greyPulse;
|
85
|
85
|
-webkit-animation-duration: 2s;
|
86
|
86
|
-webkit-animation-iteration-count: 1;
|
87
|
|
- border: 2px solid $videoThumbnailSelected !important;
|
|
87
|
+ border: $thumbnailVideoBorder solid $videoThumbnailSelected !important;
|
88
|
88
|
box-shadow: inset 0 0 3px $videoThumbnailSelected,
|
89
|
89
|
0 0 3px $videoThumbnailSelected !important;
|
90
|
90
|
}
|
|
@@ -98,7 +98,7 @@
|
98
|
98
|
*/
|
99
|
99
|
&:hover {
|
100
|
100
|
cursor: hand;
|
101
|
|
- border: 2px solid $videoThumbnailHovered;
|
|
101
|
+ border: $thumbnailVideoBorder solid $videoThumbnailHovered;
|
102
|
102
|
box-shadow: inset 0 0 3px $videoThumbnailHovered,
|
103
|
103
|
0 0 3px $videoThumbnailHovered;
|
104
|
104
|
|