haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changes scss variable name

This commit is contained in:
yanas 2017-04-06 13:09:05 -05:00 committed by Lyubo Marinov
parent 9cf7f2b83d
commit 8be85de6ef
3 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
css/_filmstrip.scss
View File

@ -17,8 +17,8 @@
flex-direction: column-reverse; flex-direction: column-reverse;
flex-wrap: nowrap; flex-wrap: nowrap;
position: relative; position: relative;
z-index: $zindex1; // Set z-index to make element visible z-index: $zindex1; // Set z-index to make element visible.
width: $hideFilmstripButtonWidth; width: $filmstripToggleButtonWidth;
button { button {
font-size: 14px; font-size: 14px;
@ -50,7 +50,7 @@
position:relative; position:relative;
height:196px; height:196px;
padding: 0; padding: 0;
/*The filmstrip should not be covered by the left toolbar*/ /* The filmstrip should not be covered by the left toolbar. */
padding-left: $defaultToolbarSize + 5; padding-left: $defaultToolbarSize + 5;
bottom: 0; bottom: 0;
width:auto; width:auto;
@ -58,8 +58,8 @@
z-index: $filmstripVideosZ; z-index: $filmstripVideosZ;
transition: bottom 2s; transition: bottom 2s;
overflow: visible !important; overflow: visible !important;
/*!!!Removes the gap between the local video container and the remote /*!!! Removes the gap between the local video container and the remote
videos.*/ videos. */
font-size: 0pt; font-size: 0pt;
&.hidden { &.hidden {
@ -79,8 +79,8 @@
} }
/** /**
* Focused video thumbnail. * Focused video thumbnail.
*/ */
&.videoContainerFocused { &.videoContainerFocused {
transition-duration: 0.5s; transition-duration: 0.5s;
-webkit-transition-duration: 0.5s; -webkit-transition-duration: 0.5s;
@ -97,8 +97,8 @@
} }
/** /**
* Hovered video thumbnail. * Hovered video thumbnail.
*/ */
&:hover { &:hover {
cursor: hand; cursor: hand;
border: $thumbnailVideoBorder solid $videoThumbnailHovered; border: $thumbnailVideoBorder solid $videoThumbnailHovered;
@ -110,7 +110,7 @@
} }
} }
/* With TemasysWebRTC plugin <object/> element is used /* With the TemasysWebRTC plugin <object/> element is used
instead of <video/> */ instead of <video/> */
& > video, & > video,
& > object { & > object {
@ -121,4 +121,13 @@
} }
} }
} }
/**
* Style the filmstrip videos in filmstrip-only mode.
*/
&__videos-filmstripOnly {
margin-top: auto;
margin-bottom: auto;
padding-right: $defaultToolbarSize;
}
} }

2
css/_toastr.scss
View File

@ -94,7 +94,7 @@
#toast-container.notification-bottom-right { #toast-container.notification-bottom-right {
$videoOffset: 2 * ($thumbnailVideoMargin + $thumbnailsBorder) + $thumbnailVideoBorder; $videoOffset: 2 * ($thumbnailVideoMargin + $thumbnailsBorder) + $thumbnailVideoBorder;
bottom: 135px; bottom: 135px;
right: $hideFilmstripButtonWidth + $videoOffset; right: $filmstripToggleButtonWidth + $videoOffset;
} }
#toast-container * { #toast-container * {

2
css/_variables.scss
View File

@ -18,7 +18,7 @@ $thumbnailIndicatorSize: $thumbnailToolbarHeight;
$thumbnailVideoMargin: 2px; $thumbnailVideoMargin: 2px;
$thumbnailsBorder: 2px; $thumbnailsBorder: 2px;
$thumbnailVideoBorder: 2px; $thumbnailVideoBorder: 2px;
$hideFilmstripButtonWidth: 17px; $filmstripToggleButtonWidth: 17px;
/** /**