diff --git a/bigbluebutton-html5/imports/ui/components/video-provider/fullscreen-button/component.jsx b/bigbluebutton-html5/imports/ui/components/video-provider/fullscreen-button/component.jsx index b8bd74a29c7b49aa2089668a4bbb6806d5f7fa08..f619146a7b160af03a4d938b7510d72f0e22008f 100755 --- a/bigbluebutton-html5/imports/ui/components/video-provider/fullscreen-button/component.jsx +++ b/bigbluebutton-html5/imports/ui/components/video-provider/fullscreen-button/component.jsx @@ -2,7 +2,7 @@ import React from 'react'; import { defineMessages, injectIntl } from 'react-intl'; import Button from '/imports/ui/components/button/component'; import cx from 'classnames'; -import { styles } from '../styles'; +import { styles } from './styles'; const intlMessages = defineMessages({ fullscreenButton: { diff --git a/bigbluebutton-html5/imports/ui/components/video-provider/fullscreen-button/styles.scss b/bigbluebutton-html5/imports/ui/components/video-provider/fullscreen-button/styles.scss new file mode 100644 index 0000000000000000000000000000000000000000..b2146603dc34ee845e3a2d4b967d993940755eea --- /dev/null +++ b/bigbluebutton-html5/imports/ui/components/video-provider/fullscreen-button/styles.scss @@ -0,0 +1,29 @@ +:root { + --color-transparent: #ff000000; + ::-webkit-media-controls { + display:none !important; + } +} + +.fullscreenButton { + position: absolute; + background-color: var(--color-transparent); + cursor: pointer; + border: none !important; +} + +.button { + span, span:active, span:hover { + background-color: var(--color-transparent) !important; + border: none !important; + i { + border: none !important; + background-color: var(--color-transparent) !important; + font-weight: bold !important; + } + } +} + +.dark .button span i { + color: var(--color-black); +} diff --git a/bigbluebutton-html5/imports/ui/components/video-provider/styles.scss b/bigbluebutton-html5/imports/ui/components/video-provider/styles.scss index 6ff4cf802253176adc77ef294f4b21ee0f6b4761..0138f13af046e09641f9e976bc322917f3ca3964 100644 --- a/bigbluebutton-html5/imports/ui/components/video-provider/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/video-provider/styles.scss @@ -16,40 +16,3 @@ // bottom: 0; // } // } - -:root { - --color-transparent: #ff000000; -} - -.fullscreenButton { - position: absolute; - right: 0; - bottom: 0; - - padding: 0; - - background-color: var(--color-transparent); - - cursor: pointer; - - border: none; -} - -.button { - - span, span:active, span:hover { - background-color: var(--color-transparent); - - border: none; - - i { - border: none; - background-color: var(--color-transparent); - font-weight: bold; - } - } -} - -.dark .button span i { - color: var(--color-black); -}