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

fix(webcam): user status icons align

Browse Source 
Align user status icons to match other icons paddings/margins
This commit is contained in:
Max Franke 2022-05-30 15:36:30 -03:00
parent a53b41721b
commit 2fbb4e8821
1 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,33 +1,26 @@
import styled from 'styled-components';
import Icon from '/imports/ui/components/common/icon/component';
import { audioIndicatorFs, audioIndicatorWidth } from '/imports/ui/stylesheets/styled-components/general';
import { colorDanger, colorSuccess, colorWhite } from '/imports/ui/stylesheets/styled-components/palette';
const Voice = styled(Icon)`
width: ${audioIndicatorWidth};
height: ${audioIndicatorWidth};
min-width: ${audioIndicatorWidth};
min-height: ${audioIndicatorWidth};
height: 80%;
color: ${colorWhite};
border-radius: 50%;
&::before {
font-size: ${audioIndicatorFs};
font-size: 80%;
}
background-color: ${colorSuccess};
`;
const Muted = styled(Icon)`
width: ${audioIndicatorWidth};
height: ${audioIndicatorWidth};
min-width: ${audioIndicatorWidth};
min-height: ${audioIndicatorWidth};
height: 80%;
color: ${colorWhite};
border-radius: 50%;
&::before {
font-size: ${audioIndicatorFs};
font-size: 80%;
}
background-color: ${colorDanger};