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

Fix: [3.0] Distorted microphone loading animation on smaller screens (mobile) (#21024)

Browse Source 
* Fix: [3.0] Distorted microphone loading animation on smaller screens (mobile)

* Fix distorted loading anim
This commit is contained in:
André Castro 2024-08-26 16:44:45 -03:00 committed by GitHub
parent 8fb585162f
commit cef0d7a5d9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
bigbluebutton-html5/imports/ui/components/audio/audio-graphql/audio-controls/input-stream-live-selector/styles.ts
View File

@ -9,6 +9,8 @@ import {
colorOffWhite,
colorWhite,
} from '/imports/ui/stylesheets/styled-components/palette';
import { smPaddingX, smPaddingY } from '/imports/ui/stylesheets/styled-components/general';
import { smallOnly } from '/imports/ui/stylesheets/styled-components/breakpoints';
const pulse = keyframes`
0% {
@ -48,6 +50,20 @@ export const MuteToggleButton = styled(Button)`
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.5);
}
`}
@media ${smallOnly} {
margin-right: ${smPaddingY};
}
[dir='rtl'] & {
margin-right: 0;
margin-left: ${smPaddingX};
@media ${smallOnly} {
margin-left: ${smPaddingY};
}
}
}
`;
export const DisabledLabel = {

17
bigbluebutton-html5/imports/ui/components/audio/audio-graphql/audio-controls/styles.ts
View File

@ -78,23 +78,6 @@ const Container = styled.span`
& > div {
position: relative;
}
& > :last-child {
margin-right: 0;
@media ${smallOnly} {
margin-left: ${smPaddingY};
}
[dir='rtl'] & {
margin-left: 0;
margin-right: ${smPaddingX};
@media ${smallOnly} {
margin-right: ${smPaddingY};
}
}
}
`;
export default {