feat(participants-pane) added style comments

react/features/participants-pane/components/breakout-rooms/components/native/CollapsibleRoom.js

@@ -47,6 +47,10 @@ export const CollapsibleRoom = ({ room, searchString }: Props) => {
     const title
         = `${room.name
     || t('breakoutRooms.mainRoom')} (${roomParticipantsNr})`;
+
+    // Regarding the fact that we have 3 sections, we apply
+    // a certain height percentage for every section in order for all to fit
+    // inside the participants pane container
     const containerStyle
         = roomParticipantsNr > 3 && styles.collapsibleRoomContainer;
 

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

@@ -54,6 +54,10 @@ const LobbyParticipantList = ({ theme }: Props) => {
             }
         </View>
     );
+
+    // Regarding the fact that we have 3 sections, we apply
+    // a certain height percentage for every section in order for all to fit
+    // inside the participants pane container
     const style = participants.length > 1 && styles.lobbyListContent;
 
     return (

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

@@ -188,6 +188,10 @@ class MeetingParticipantList extends PureComponent<Props> {
             ? `${_currentRoom.name} (${_participantsCount})`
             : t('participantsPane.headings.participantsList',
                 { count: _participantsCount });
+
+        // Regarding the fact that we have 3 sections, we apply
+        // a certain height percentage for every section in order for all to fit
+        // inside the participants pane container
         const containerStyle
             = _participantsCount > 3 && styles.meetingListContainer;