Merge pull request #11948 from ramonlsouza/presenter-menu-scroll

Makes presenter menu scrollable

bigbluebutton-html5/imports/ui/components/actions-bar/actions-dropdown/component.jsx

@@ -279,7 +279,7 @@ class ActionsDropdown extends PureComponent {
           />
         </DropdownTrigger>
         <DropdownContent placement="top left">
-          <DropdownList>
+          <DropdownList className={styles.scrollableList}>
             {children}
           </DropdownList>
         </DropdownContent>

bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss

 @import "/imports/ui/stylesheets/variables/breakpoints";
 @import "/imports/ui/components/modal/simple/styles";
+@import "/imports/ui/stylesheets/mixins/_scrollable";
+@import "/imports/ui/stylesheets/mixins/focus";
+@import "/imports/ui/stylesheets/mixins/_indicators";
+@import "/imports/ui/stylesheets/variables/placeholders";
 
 .modal {
   @extend .modal;
@@ -133,3 +137,28 @@
     color: var(--color-primary);
   }
 }
+
+.scrollableList {
+  @include elementFocus(var(--list-item-bg-hover));
+  @include scrollbox-vertical();
+  @extend %highContrastOutline;
+
+  &:focus-within,
+  &:focus {
+    outline-style: solid;
+  }
+
+  &:active {
+    box-shadow: none;
+    border-radius: none;
+  }
+
+  overflow-x: hidden;
+  outline-width: 1px !important;
+  outline-color: transparent !important;
+  max-height: 50vh;
+
+  @include mq($small-only) {
+    max-height: 100%;
+  }
+}