BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
0091134326
bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/screenshare/styles.scss

57 lines
1.0 KiB
SCSS
Raw Normal View History

screenshare: move loading spinner css to media and restore it
2020-07-04 01:03:17 +08:00
@import "/imports/ui/components/media/styles";
feat(screenshare): change loading icon Change the previous loading spinner to the new loading dots, ensuring a bit more UI consistency. Add the "unhealthy stream" filter to make the dots a little more visible and remove the loading spinner.
2021-07-10 00:36:23 +08:00
@import '/imports/ui/components/loading-screen/styles';
Adjustments to fullscreen toggle #7022 #7067
2019-07-24 03:56:39 +08:00
feat(screenshare): reduce mirror effect Add the shrink/expand button in the screenshare layout to reduce the mirror/tunnel effect, when the presenter is sharing the same screen as the application is.
2021-06-03 02:31:20 +08:00
.screenshareContainer {
Fix Screenshare alignment and remove improper drag cursor #7869 #7785
2019-08-28 03:36:21 +08:00
display: flex;
align-items: center;
justify-content: center;
feat(screenshare): change loading icon Change the previous loading spinner to the new loading dots, ensuring a bit more UI consistency. Add the "unhealthy stream" filter to make the dots a little more visible and remove the loading spinner.
2021-07-10 00:36:23 +08:00
background-color: var(--color-content-background);
feat(screenshare): reduce mirror effect Add the shrink/expand button in the screenshare layout to reduce the mirror/tunnel effect, when the presenter is sharing the same screen as the application is.
2021-06-03 02:31:20 +08:00
width: 100%;
height: 100%;
}
Fix Screenshare alignment and remove improper drag cursor #7869 #7785
2019-08-28 03:36:21 +08:00
feat(screenshare): reduce mirror effect Add the shrink/expand button in the screenshare layout to reduce the mirror/tunnel effect, when the presenter is sharing the same screen as the application is.
2021-06-03 02:31:20 +08:00
.screenshareContainerPresenter {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: var(--color-content-background);
Adjustments to fullscreen toggle #7022 #7067
2019-07-24 03:56:39 +08:00
width: 100%;
height: 100%;
screenshare: move loading spinner css to media and restore it
2020-07-04 01:03:17 +08:00
}
screenshare/html5: rewrite most of the client side code Added new SFU broker for screen sharing Removed kurento-extension entirely Added inbound and outbound reconnection procedures Improve UI responsiveness when sharing Add reconnection UI states Redo error handling Refactor actions-bar screen share components. Make it smarter with less prop drilling and less re-rendering. Also more readable. Still work to do in that I think Add a connection retry procedure for screen presenters when they are sharing; try a configurable amount of times when failure is triggered, with configurable min and max reconn timeouts and timeout increase factor Make local preview attachment smarter ADD PARTIAL SUPPORT FOR AUDIO SHARING VIA SCREEN SHARING WITH GET DISPLAY MEDIA, RECORDING STILL NOT SUPPORTED!!!
2020-12-10 06:00:54 +08:00
feat(screenshare): reduce mirror effect Add the shrink/expand button in the screenshare layout to reduce the mirror/tunnel effect, when the presenter is sharing the same screen as the application is.
2021-06-03 02:31:20 +08:00
.screenshareContainerInside {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.mainText {
color: var(--color-white);
feat(screenshare): UX updates Reduce the font size to 21px (1.3rem) and font weight to 600.
2021-10-27 22:51:39 +08:00
font-size: 1.3rem;
font-weight: 600;
feat(screenshare): reduce mirror effect Add the shrink/expand button in the screenshare layout to reduce the mirror/tunnel effect, when the presenter is sharing the same screen as the application is.
2021-06-03 02:31:20 +08:00
}
feat(screenshare): change loading icon Change the previous loading spinner to the new loading dots, ensuring a bit more UI consistency. Add the "unhealthy stream" filter to make the dots a little more visible and remove the loading spinner.
2021-07-10 00:36:23 +08:00
.screenshareContainerDefault {
position: absolute;
align-items: center;
justify-content: center;
padding-top: 4rem;
}
screenshare/html5: rewrite most of the client side code Added new SFU broker for screen sharing Removed kurento-extension entirely Added inbound and outbound reconnection procedures Improve UI responsiveness when sharing Add reconnection UI states Redo error handling Refactor actions-bar screen share components. Make it smarter with less prop drilling and less re-rendering. Also more readable. Still work to do in that I think Add a connection retry procedure for screen presenters when they are sharing; try a configurable amount of times when failure is triggered, with configurable min and max reconn timeouts and timeout increase factor Make local preview attachment smarter ADD PARTIAL SUPPORT FOR AUDIO SHARING VIA SCREEN SHARING WITH GET DISPLAY MEDIA, RECORDING STILL NOT SUPPORTED!!!
2020-12-10 06:00:54 +08:00
.unhealthyStream {
filter: grayscale(50%) opacity(50%);
}
feat(screenshare): change loading icon Change the previous loading spinner to the new loading dots, ensuring a bit more UI consistency. Add the "unhealthy stream" filter to make the dots a little more visible and remove the loading spinner.
2021-07-10 00:36:23 +08:00
.spinnerWrapper {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
width: 100%;
height: 100%;
}
Reference in New Issue Copy Permalink