bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/pads/styles.js
Pedro Beschorner Marin 810deb907b refactor(etherpad): access control et al.
Move all Etherpad's access control from Meteor to a separated [Node application](https://github.com/bigbluebutton/bbb-pads).
This new app uses [Etherpad's API](https://etherpad.org/doc/v1.8.4/#index_overview)
to create groups and manage session tokens for users to access them. Each group
represents one distinct pad at the html5 client.

- Removed locked users' access to pads: replaced readOnly pad's access with a new pad's content sharing routine
- Pad's access is now controlled by [Etherpad's API](https://etherpad.org/doc/v1.8.4/#index_overview)
- Closed captions edited content now reflects at it's live feedback
- Improved closed caption's dictation mode live feedback
- Moved all Etherpad's API control from Meteor to a separated [app](https://github.com/bigbluebutton/bbb-pads)
- Included access control both in akka-apps and bbb-pads
2022-01-21 16:56:01 -03:00

49 lines
1013 B
JavaScript

import styled from 'styled-components';
import {
smPaddingX,
lgPaddingY,
} from '/imports/ui/stylesheets/styled-components/general';
import {
colorGray,
colorGrayLightest,
} from '/imports/ui/stylesheets/styled-components/palette';
import { fontSizeSmall } from '/imports/ui/stylesheets/styled-components/typography';
const Hint = styled.span`
visibility: hidden;
position: absolute;
@media (pointer: none) {
visibility: visible;
position: relative;
color: ${colorGray};
font-size: ${fontSizeSmall};
font-style: italic;
padding: ${smPaddingX} 0 0 ${smPaddingX};
text-align: left;
[dir="rtl"] & {
padding-right: ${lgPaddingY} ${lgPaddingY} 0 0;
text-align: right;
}
}
`;
const Pad = styled.div`
display: flex;
height: 100%;
width: 100%;
`;
const IFrame = styled.iframe`
width: 100%;
height: 100%;
overflow: hidden;
border-style: none;
border-bottom: 1px solid ${colorGrayLightest};
`;
export default {
Hint,
Pad,
IFrame,
};