Got rid of the darkened screen appearing along with the sliding menu.

bigbluebutton-html5/app/client/globals.coffee

@@ -272,12 +272,10 @@ Handlebars.registerHelper "visibility", (section) ->
   if $('#sliding-menu').hasClass('sliding-menu-opened')
     setInSession 'display_slidingMenu', false
     $('#sliding-menu').removeClass('sliding-menu-opened')
-    $('#darkened-screen').css('display', 'none')
     $(document).unbind('scroll')
   else
     setInSession 'display_slidingMenu', true
     $('#sliding-menu').addClass('sliding-menu-opened')
-    $('#darkened-screen').css('display', 'block')
     $(document).bind 'scroll', () ->
       window.scrollTo(0, 0)
 

bigbluebutton-html5/app/client/main.coffee

@@ -29,7 +29,7 @@ Meteor.startup ->
       amplify.store key, value
       return
   )
-# 
+#
 Template.footer.helpers
   getFooterString: ->
     info = getBuildInformation()
@@ -200,9 +200,6 @@ Template.main.rendered = ->
     $('#dialog').dialog('close')
   )
 
-  $('#darkened-screen').click () ->
-    toggleSlidingMenu()
-
 Template.makeButton.rendered = ->
   $('button[rel=tooltip]').tooltip()
 

bigbluebutton-html5/app/client/main.html

@@ -119,14 +119,13 @@
   {{#if isPortraitMobile}}
     {{> slidingMenu}}
   {{/if}}
-  <div id='darkened-screen'></div>
 </body>
 </template>
 
 <template name="recordingStatus">
 	<!-- Recording status of the meeting -->
 	{{#with getCurrentMeeting}}
-		{{#if intendedForRecording}} 
+		{{#if intendedForRecording}}
 			{{#if currentlyBeingRecorded}}
 				<button class="recordingStatus recordingStatusTrue" rel="tooltip" data-placement="bottom" title="This Meeting is Being Recorded"><span class="glyphicon glyphicon-record"></span> Recording</button>
 			{{else}}

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

@@ -480,17 +480,3 @@ body {
     height: calc(~'20% - 20px');
   }
 }
-
-#darkened-screen {
-  @media @mobile-portrait, @mobile-portrait-with-keyboard {
-    display: none;
-    background: black;
-    opacity: 0.7;
-    z-index: 1030;
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-  }
-}