BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #18572 from ramonlsouza/add-username-grid

Browse Source 
fix: display username in grid mode
This commit is contained in:
Ramón Souza 2023-08-21 13:09:12 -03:00 committed by GitHub
commit 7615fb1f85
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
bigbluebutton-html5/imports/ui/components/video-provider/video-list/video-list-item/styles.js
View File

@ -91,7 +91,6 @@ const WebcamConnecting = styled.div`
min-width: 100%;
border-radius: 10px;
background-color: ${webcamBackgroundColor};
scale: 1.5;
z-index: 0;
&::after {

16
bigbluebutton-html5/imports/ui/components/video-provider/video-list/video-list-item/user-actions/component.jsx
View File

@ -117,13 +117,15 @@ const UserActions = (props) => {
});
}
menuItems.push({
key: `${cameraId}-mirror`,
label: intl.formatMessage(intlMessages.mirrorLabel),
description: intl.formatMessage(intlMessages.mirrorDesc),
onClick: () => onHandleMirror(cameraId),
dataTest: 'mirrorWebcamBtn',
});
if (isStream) {
menuItems.push({
key: `${cameraId}-mirror`,
label: intl.formatMessage(intlMessages.mirrorLabel),
description: intl.formatMessage(intlMessages.mirrorDesc),
onClick: () => onHandleMirror(cameraId),
dataTest: 'mirrorWebcamBtn',
});
}
if (numOfStreams > 2 && isStream) {
menuItems.push({

7
bigbluebutton-html5/imports/ui/components/video-provider/video-list/video-list-item/user-actions/styles.js
View File

@ -32,10 +32,7 @@ const DropdownTrigger = styled(DivElipsis)`
const UserName = styled(TextElipsis)`
position: relative;
max-width: 75%;
// Keep the background with 0.5 opacity, but leave the text with 1
background-color: rgba(0, 0, 0, 0.5);
border-radius: 1px;
color: ${colorOffWhite};
padding: 0 1rem 0 .5rem !important;
font-size: 80%;
@ -48,7 +45,9 @@ const UserName = styled(TextElipsis)`
const Dropdown = styled.div`
display: flex;
outline: none !important;
width: 70%;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px;
display: inline-block;
@media ${mediumUp} {
>[aria-expanded] {

1
bigbluebutton-html5/imports/ui/components/video-provider/video-list/video-list-item/user-avatar/styles.js
View File

@ -13,6 +13,7 @@ const UserAvatarStyled = styled(UserAvatar)`
width: 45%;
max-width: 66px;
max-height: 66px;
scale: 1.5;
${({ unhealthyStream }) => unhealthyStream && `
filter: grayscale(50%) opacity(50%);