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

fix(interactions): add correct border

Browse Source 
Fix hand button border style.
This commit is contained in:
Carlos 2022-09-06 13:34:43 -03:00 committed by Lucas Fialho Zawacki
parent 3990f29f7c
commit 3b6c1d565c
2 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
bigbluebutton-html5/imports/ui/components/actions-bar/interactions-button/component.jsx
View File

@ -9,9 +9,6 @@ import UserReactionService from '/imports/ui/components/user-reaction/service';
import UserListService from '/imports/ui/components/user-list/service';
import QuestionsService from '/imports/ui/components/questions/service';
import cx from 'classnames';
import { styles } from '../styles';
const InteractionsButton = (props) => {
const {
userId,
@ -156,10 +153,10 @@ const InteractionsButton = (props) => {
const renderEmojiPicker = () => (
<Styled.Wrapper>
<ReactionsPicker
<ReactionsPicker
{...props}
onEmojiSelect={handleReactionSelect}
/>
onEmojiSelect={handleReactionSelect}
/>
</Styled.Wrapper>
);
@ -212,8 +209,8 @@ const InteractionsButton = (props) => {
<BBBMenu
classes={[styles.offsetBottom]}
trigger={(
<>
<Button
<Styled.InteractionsDropdown>
<Styled.RaiseHandButton
data-test="InteractionsButton"
icon={emoji === 'raiseHand' ? 'interactions-hand' : 'interactions-hand-down'}
label={emoji === 'raiseHand'

12
bigbluebutton-html5/imports/ui/components/actions-bar/styles.js
View File

@ -76,12 +76,12 @@ const Right = styled.div`
`;
const RaiseHandButton = styled(Button)`
${({ emoji }) => emoji !== 'raiseHand' && `
span {
box-shadow: none;
background-color: transparent !important;
border-color: ${colorWhite} !important;
}
${({ ghost }) => ghost && `
& > span {
box-shadow: none;
background-color: transparent !important;
border-color: ${colorWhite} !important;
}
`}
`;