From 50ac81a39d572cc6825998ac19711cf71639ab9c Mon Sep 17 00:00:00 2001
From: Maxim Khlobystov <maxim.khlobystov@gmail.com>
Date: Thu, 20 Dec 2018 14:04:11 -0500
Subject: [PATCH] Improve the webcam picker on small screens
---
.../imports/ui/components/video-preview/styles.scss | 11 +++++++++++
1 file changed, 11 insertions(+)
diff --git a/bigbluebutton-html5/imports/ui/components/video-preview/styles.scss b/bigbluebutton-html5/imports/ui/components/video-preview/styles.scss
index b21e8649b2..c57b7c8e48 100644
--- a/bigbluebutton-html5/imports/ui/components/video-preview/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/video-preview/styles.scss
@@ -17,6 +17,10 @@
display: flex;
width: 30%;
+ @include mq("#{$small-only}") {
+ width: 100%;
+ }
+
height: 100%;
margin-right: 1.5rem;
@@ -25,6 +29,10 @@
.content {
display: flex;
flex: 3;
+
+ @include mq("#{$small-only}") {
+ flex-direction: column;
+ }
}
.footer {
@@ -55,6 +63,9 @@
border-radius: 5px;
width: 100%;
height: 8rem;
+ @include mq("#{$small-only}") {
+ height: 100%;
+ }
}
.row {
--
GitLab