23 Commits (ac09233558eea5cd5074e7100fb471c74e7df32e)

Author	SHA1	Message	Date
Leonard Kim	c345c0d5e8	fix(filmstrip): do not apply flex on local video for horizontal mode ... Firefox flex behaves differently from chrome. In firefox, flex is not allowing the local video and invite button to exceed the height of the parent, causing the local video to display shorter than expected due to the invite button. Flex doesn't need to be applied for local video in horizontal filmstrip mode as it's only needed in vertical filmstrip mode to flip the position of the invite button from above the local video to below. Honestly, this could be better off done declaratively in the html, but that's not as straigtforward in this jquery+react world.	8 years ago
Leonard Kim	a8cc65ab9a	fix(filmstrip-only): do not re-align local video for invite button ... The bottom alignment of the local video container is adjusted in horizontal filmstrip mode so that the videos remain evenly aligned at the top but the invite button sticks out. With the invite button hidden in filmstrip only, this only caused misalignment. Re-adjust the local video container back down and put transitions on the filmstrip wrapper itself, instead of on the thumbnail wrapper level to avoid transitions when re-adjusting.	8 years ago
yanas	e09949be9f	feat(dark-theme): Applies dark theme on inline-dialogs, tooltips, flags and more	8 years ago
yanas	86fcfcc535	WiP(invite-ui): Initial move of invite UI to invite button (#1950) ... * WiP(invite-ui): Initial move of invite UI to invite button * Adjusts styling to fit both horizontal and vertical filmstrip * Removes comment and functions not needed * [squash] Addressing various review comments * [squash] Move invite options to a separate config * [squash] Adjust invite button styles until we fix the whole UI theme * [squash] Fix the remote videos scroll * [squash]:Do not show popup menu when 1 option is available * [squash]: Disable the invite button in filmstrip mode * feat(connection-indicator): implement automatic hiding on good connection (#2009) * ref(connection-stats): use PropTypes package * feat(connection-stats): display a summary of the connection quality * feat(connection-indicator): show empty bars for interrupted connection * feat(connection-indicator): change background color based on status * feat(connection-indicator): implement automatic hiding on good connection * fix(connection-indicator): explicitly set font size Currently non-react code will set an icon size on ConnectionIndicator. This doesn't work on initial call join in vertical filmstrip after some changes to support hiding the indicator. The chosen fix is passing in the icon size to mirror what would happe with full filmstrip reactification. * ref(connection-stats): rename statuses * feat(connection-indicator): make hiding behavior configurable The original implementation made the auto hiding of the indicator configured in interfaceConfig. * fix(connection-indicator): readd class expected by torture tests * fix(connection-indicator): change connection quality display styling Bold the connection summary in the stats popover so it stands out. Change the summaries so there are only three--strong, nonoptimal, poor. * fix(connection-indicator): gray background on lost connection * feat(icons): add new gsm bars icon * feat(connection-indicator): use new 3-bar icon * ref(icons): remove icon-connection and icon-connection-lost Both have been replaced by icon-gsm-bars so they are not being referenced anymore. Mobile looks to have connect-lost as a separate icon in font-icons/jitsi.json. * fix(defaultToolbarButtons): Fixes unresolved InfoDialogButton component problem * [squash]: Makes invite button fit the container * [squash]:Addressing invite truncate, remote menu position and comment * [squash]:Fix z-index in horizontal mode, z-index in lonely call * [squash]: Fix filmstripOnly property, remove important from css	8 years ago
Leonard Kim	38e2443ab7	feat(small-video): use AtlasKit tooltip	8 years ago
Leonard Kim	995a25ee15	fix(video-quality-label): adjust z-indexing clashes with filmstrip ... With AtlasKit InlineDialog, the filmstrip z-index in vertical filmstrip mode was adjusted as it had to be set to fixed position for the dialogs to automagically be position fixed. This left behind a regression where the filmstrip z-index was the same as the video quality label, but came later in the dom, so the label was not clickable. This commit modifies the z-index of the vertical filmstrip to account for clicking of the video quality label.	8 years ago
virtuacoplenny	c04ef05058	feat(presence): display status in thumbnail and large video (#1828) ... * feat(presence): display status in thumbnail and large video - Create a React Component for displaying presence. It currently connects to the store for participant updates but in the future should not be as smart once more reactification occurs. - Modify filmstrip css so the presence status displays horizontal center and below the avatar. - Modify videolayout css so the presence status displays horizontal centered and with a rounded background. - Dispatch presence updates so the participant state can be update. - Update message position on large video update to ensure message positioning is correct. * squash: do not show presence message if connection message is displayed	8 years ago
virtuacoplenny	84ae7df8f1	fix(filmstrip-only): vertically align center the toolbar (#1700) ... * fix(filmstrip-only): vertically align center the toolbar Use top 50% to position the toolbar's top at the vertical center of the iframe. Then use transform 50% to move the toolbar itself up 50% so its middle matches the middle of the iframe. * squash: toolbox should center with filmstrip	8 years ago
Leonard Kim	1a87ee5f93	fix(filmstrip): adjust filmstrip remote videos positioning ... - For horizontal mode, remove extra spacing created by borders around local video and remote videos. - For vertical mode, ensure remote videos grow only to fill the parent height.	8 years ago
hristoterezov	96e83989a5	feat(device_selection): Implement popup	8 years ago
Leonard Kim	2333249b05	feat(1-on-1): Initial implementation ... - Expose an api on Filmstrip to hide the remote videos container, which does so by adding a class - Modify listeners for user join, leave, share video to call the api - Hide the container when there is 1 or fewer remote participants - Always show the container if self view is in focus - Show the container if the number of remote thumbnails does not match the count of remote participants, such as the case of sharing a video	8 years ago
Leonard Kim	82ecfac4ee	fix(filmstrip): Separate remote videos and local video ... The 1:1 call UI and vertical filmstrip act on remote videos while leaving local video alone. To facilitate acting only on remote videos, place remote videos into their own container element.	8 years ago
yanas	8be85de6ef	Changes scss variable name	8 years ago
virtuacoplenny	2301732e2d	style: catalog all z-indexes and move toolbar down ... All z-indexes found in css files have been moved into css variables. If the z-index is used only once, the variable name will be the same as the selector it is used in. If the z-index is used multiple times, then the plain name of $zindex# was used. This allowed a more confident moving down of the toolbar so that the new modal dialog, with z-index 500, could display on top of it. #1436	8 years ago
yanas	09ba14eb04	Fixes video thumbnail border and large video background color	8 years ago
hristoterezov	a4d5c41b3a	feat(remotecontrol): UI for requesting permissions	8 years ago
yanas	1604fa6584	Fixes and adjustments of UI layout	9 years ago
Ilya Daynatovich	1d1d8defda	Updated calculation of offset	9 years ago
Ilya Daynatovich	d3df082e3d	Fix thumbnail overflow	9 years ago
Ilya Daynatovich	bbbd01b26c	Adjustments in filmstrip section	9 years ago
Ilya Daynatovich	24169743e7	Clean up filmstrip styles	9 years ago
Ilya Daynatovich	02ae3b3053	Add wrapper	9 years ago