Started using the landscape mode's userlist for the sliding menu.

bigbluebutton-html5/app/client/globals.coffee

@@ -238,18 +238,12 @@ Handlebars.registerHelper "visibility", (section) ->
     , 500, () ->
       $('#container').css('position', '')
       $('#container').css('left', 0)
-    $('#background-menus').animate
-      left: '-250px'
-    , 500
   else
     $('#container').css('left', '0')
     $('#container').css('position', 'fixed')
     $('#container').animate
       left: '500px'
     , 500
-    $('#background-menus').animate
-      left: '0'
-    , 500
 
 # Periodically check the status of the WebRTC call, when a call has been established attempt to hangup,
 # retry if a call is in progress, send the leave voice conference message to BBB

bigbluebutton-html5/app/client/main.html

@@ -21,9 +21,6 @@
 </template>
 
 <template name="main">
-  <div id="background-menus">
-    {{> usersList id="users-left" name="usersList"}}
-  </div>
   <div id="container">
     {{#if isDisconnected}}
       {{>status}}

bigbluebutton-html5/app/client/stylesheets/style.less

@@ -628,16 +628,6 @@ body {
   margin-left: 10px;
 }
 
-#background-menus {
-  position: fixed;
-  top: 0;
-  left: -250px;
-  width: calc(~'100% + 500px');
-  height: 100%;
-  background-color: #484c55;
-  z-index: -1000;
-}
-
 .rightNavbarSection {
   float: right;
 }

bigbluebutton-html5/app/client/stylesheets/users.less

@@ -42,15 +42,13 @@
     flex: 1 1 20%;
   }
   @media @mobile-portrait-with-keyboard, @desktop-portrait, @mobile-portrait {
-    display: none !important;
+    position: absolute;
+    left: -500px;
+    width: 500px;
+    height: 100%;
   }
 }
 
-#users-left {
-  width: 500px;
-  height: 100%;
-}
-
 #user-contents {
   height: 83vh; /* for the inside scrolling list to utilize as much room as possible, this surrounding window must also take up as much room as possible */