Updated calculation of offset
This commit is contained in:
parent
d0127b879d
commit
1d1d8defda
|
@ -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;
|
||||
|
||||
|
|
|
@ -92,8 +92,9 @@
|
|||
}
|
||||
|
||||
#toast-container.notification-bottom-right {
|
||||
$videoOffset: 2 * ($thumbnailVideoMargin + $thumbnailsBorder) + $thumbnailVideoBorder;
|
||||
bottom: 135px;
|
||||
right: 28px;
|
||||
right: $hideFilmstripButtonWidth + $videoOffset;
|
||||
}
|
||||
|
||||
#toast-container * {
|
||||
|
|
|
@ -17,6 +17,10 @@ $thumbnailToolbarHeight: 22px;
|
|||
$thumbnailIndicatorBorder: 0px;
|
||||
$thumbnailIndicatorSize: $thumbnailToolbarHeight;
|
||||
$thumbnailVideoMargin: 2px;
|
||||
$thumbnailsBorder: 2px;
|
||||
$thumbnailVideoBorder: 2px;
|
||||
$hideFilmstripButtonWidth: 17px;
|
||||
|
||||
|
||||
/**
|
||||
* Color variables.
|
||||
|
|
Loading…
Reference in New Issue