Updated calculation of offset

This commit is contained in:
Ilya Daynatovich 2016-11-11 18:52:36 +02:00
parent d0127b879d
commit 1d1d8defda
3 changed files with 11 additions and 6 deletions

View File

@ -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;

View File

@ -92,8 +92,9 @@
}
#toast-container.notification-bottom-right {
$videoOffset: 2 * ($thumbnailVideoMargin + $thumbnailsBorder) + $thumbnailVideoBorder;
bottom: 135px;
right: 28px;
right: $hideFilmstripButtonWidth + $videoOffset;
}
#toast-container * {

View File

@ -17,6 +17,10 @@ $thumbnailToolbarHeight: 22px;
$thumbnailIndicatorBorder: 0px;
$thumbnailIndicatorSize: $thumbnailToolbarHeight;
$thumbnailVideoMargin: 2px;
$thumbnailsBorder: 2px;
$thumbnailVideoBorder: 2px;
$hideFilmstripButtonWidth: 17px;
/**
* Color variables.