feat(participants-pane/native) adjusted styles for when local p is not a moderator (#11349)

* feat(participants-pane/native) adjusted styles for when local p is not a moderator

react/features/participants-pane/components/native/MeetingParticipantList.js

@@ -60,6 +60,11 @@ type Props = {
      */
     dispatch: Function,
 
+    /**
+     * Is the local participant moderator?
+     */
+    isLocalModerator: boolean,
+
     /**
      * List of participants waiting in lobby.
      */
@@ -191,6 +196,7 @@ class MeetingParticipantList extends PureComponent<Props> {
             _showInviteButton,
             _sortedRemoteParticipants,
             breakoutRooms,
+            isLocalModerator,
             lobbyParticipants,
             t
         } = this.props;
@@ -208,11 +214,14 @@ class MeetingParticipantList extends PureComponent<Props> {
         // we take the full container height
         const onlyMeetingParticipants
             = breakoutRooms?.length === 0 && lobbyParticipants?.length === 0;
-        const containerStyle
+        const containerStyleModerator
             = onlyMeetingParticipants
                 ? styles.meetingListFullContainer : styles.meetingListContainer;
+        const containerStyle
+            = isLocalModerator
+                ? containerStyleModerator : styles.notLocalModeratorContainer;
         const finalContainerStyle
-            = _participantsCount > 3 && containerStyle;
+            = _participantsCount > 6 && containerStyle;
 
         return (
             <CollapsibleList

react/features/participants-pane/components/native/ParticipantsPane.js

@@ -71,6 +71,7 @@ const ParticipantsPane = () => {
             <LobbyParticipantList />
             <MeetingParticipantList
                 breakoutRooms = { rooms }
+                isLocalModerator = { isLocalModerator }
                 lobbyParticipants = { lobbyParticipants }
                 searchString = { searchString }
                 setSearchString = { setSearchString } />

react/features/participants-pane/components/native/styles.js

@@ -216,8 +216,12 @@ export default {
         width: '100%'
     },
 
+    notLocalModeratorContainer: {
+        height: '100%'
+    },
+
     meetingListContainer: {
-        height: '56%'
+        height: '58%'
     },
 
     meetingListFullContainer: {